1. 安装Taro开发工具:npm install -g @tarojs/cli (或者yarn global add @tarojs/cli,使用npm可能会有一些报错的信息,建议使用cnpm安装);
2. 使用命令创建模板:taro init myApp
3. 开发启用命令
npm run dev:h5 --------- WEB
npm run dev:weapp --------- 微信小程序
npm run dev:alipay --------- 支付宝小程序
npm run dev:swan --------- 百度小程序
npm run dev:rn --------- ReactNative
4. 安装依赖,如果没成功就手动npm install,然后在命令窗口执行npm run dev:h5, 进入项目的config文件夹内, 打开index.js,找到h5对应的代码:
h5 {
// 加端口
devServer: {
port: 8888,
host: 'localhost'
},
...
}
5. 使用npm run dev:weapp,在项目文件夹内会生成一个dist文件夹,里面存在小程序的内容,此时打开微信开发者工具-导入项目-myApp-dist,然后就可以看到效果了