taro安装和使用

安装

安装 Taro 开发工具 @tarojs/cli

# 使用 npm 安装 CLI
$ npm install -g @tarojs/cli
# OR 使用 yarn 安装 CLI
$ yarn global add @tarojs/cli
# OR 安装了 cnpm，使用 cnpm 安装 CLI
$ cnpm install -g @tarojs/cli

使用

//使用如下命令创建app
$ taro init myApp

创建项目

在创建完项目之后，Taro 会默认开始安装项目所需要的依赖。一般来说，依赖安装会比较顺利，但某些情况下可能会安装失败，这时候你可以在项目目录下自己使用安装命令进行安装

# 使用 yarn 安装依赖
$ yarn
# OR 使用 cnpm 安装依赖
$ cnpm install
# OR 使用 npm 安装依赖
$ npm install

安装依赖后进入项目目录开始开发，目前已经支持 微信/百度/支付宝/字节跳动小程序、H5 以及 ReactNative 等端的代码转换，针对不同端的启动以及预览、打包方式并不一致。

dev环境启动

//web
$ npm run dev:h5
//微信小程序
$ npm run dev:weapp
//百度小程序
$ npm run dev:swan
//支付宝小程序
$ npm run dev:alipay
//字节跳动小程序 
$ npm run dev:tt

接着上面的例子，我们选择以h5的方式启动

选择启动

这时，我们可以在浏览器中看到如下结果

运行结果