初识Taro安装运行

Taro是一款京东凹凸实验室的UI框架库,看着挺不错的,准备用来做个小程序,第一步很简单的就是安装呗,根据官网的提示直接安装运行以下代码即可,前提是你的电脑配置配置了Node跟npm,为了镜像问题我这边安装的npm

Node直接在官网安装下载最新稳定版本
下载地址点击下载
cnpm安装运行以下命令需要安装完以上Node
运行命令npm install -g cnpm --registry=https://registry.npm.taobao.org

配置完以上直接安装 运行以下命令
安装 Taro 开发工具 @tarojs/cli

使用 npm 或者 yarn 全局安装,或者直接使用 npx
$ npm install -g @tarojs/cli
$ yarn global add @tarojs/cli

初识Taro安装运行
初始化项目
运行命令 $npm init Wanzi
初识Taro安装运行
初识Taro安装运行
安装 Taro UI
$ cd Wanzi
$ npm install taro-ui

初识Taro安装运行
安装完以上我们需要编译下,为了方便以H5编译看看效果
//web
$ npm run dev:h5
//微信小程序
$ npm run dev:weapp
//百度小程序
$ npm run dev:swan
//支付宝小程序
$ npm run dev:alipay
//字节跳动小程序
$ npm run dev:tt

补充一句啊,因为是Vue类型都是数据驱动的Dom元素修改都是实时编译的效果如下
初识Taro安装运行
访问到以下页面就是成功了
初识Taro安装运行

评论抢沙发

评论前必须登录!