前言
Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 / RN 等应用。
文档
官方文档 | Taro UI | Taro 社区 | 版本升级 | 物料市场
Node版本
# taro要求的版本 node >= 12.0.0 # 本地使用的node版本 node => 14.17.1
node版本推荐使用nvm进行管理
安装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
项目初始化
两种方式初始化项目
$ taro init myApp
npm5.2+可以直接使用npx初始化项目(不用全局安装CLI)
# npm5.2+ $ npx @tarojs/cli init my_app
安装依赖
# 进入项目根目录 $ cd myApp # 使用 yarn 安装依赖 $ yarn # OR 使用 cnpm 安装依赖 $ cnpm install # OR 使用 npm 安装依赖 $ npm install
运行项目
详细的命令介绍可以查看官方文档-编译运行
# yarn $ yarn dev:weapp $ yarn build:weapp # npm script $ npm run dev:weapp $ npm run build:weapp # 仅限全局安装 $ taro build --type weapp --watch $ taro build --type weapp # npx 用户也可以使用 $ npx taro build --type weapp --watch $ npx taro build --type weapp # watch 同时开启压缩 $ set NODE_ENV=production && taro build --type weapp --watch # Windows $ NODE_ENV=production taro build --type weapp --watch # Mac
预览项目
下载并打开微信开发者工具，然后选择项目根目录进行预览。
需要注意开发者工具的项目设置：
- 需要设置关闭 ES6 转 ES5 功能，开启可能报错
- 需要设置关闭上传代码时样式自动补全，开启可能报错
- 需要设置关闭代码压缩上传，开启可能报错
设置忽略文件
dist/ deploy_versions/ .temp/ .rn_temp/ node_modules/ .DS_Store .idea/
学无止境,谦卑而行.
