一、taro简介
Taro 是一个开放式跨端跨框架解决方案，支持使用 React、Vue、Nerv 等框架，来开发微信、京东、百度、支付宝、字节跳动、QQ小程序、H5等应用。
现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
Taro 一套 遵循 React 语法规范的多端开发解决方案。使用 Taro，只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、App 端等）运行的代码。同时 Taro 还提供了开箱即用的语法检测和自动补全等功能。
Taro 基于组件化，组件生命周期和 React 的完全一致，使用声明式的 JSX 语法。
Taro官网地址：Taro官网
taro UI是基于Taro框架开发的多端UI组件库
Taro UI地址:Taro UI官网
二、Taro安装
1.全局安装Taro开发工具：
npm install -g @tarojs/cli
2. 使用命令创建模板：
taro init taro-demo
注：我在F盘创建文件夹，所以打开F盘→cmd→输入命令
3.安装依赖（此步骤视情况而定）
如果是自己新创的项目，就不用安装依赖。
如果是拉的别人创好的git地址，就要安装依赖：npm install
4.运行&&打包项目
运行&&打包命令比较多，这里给大家整体介绍运行与打包相关命令，我们以h5项目，npm启动为例。
| 端名称 | 开发模式运行项目 | 打包项目 |
|---|---|---|
| 微信小程序 | npm run dev:weapp | npm run build:weapp |
| 百度小程序 | npm run dev:swan | npm run build:swan |
| 支付宝小程序 | npm run dev:alipay | npm run build:alipay |
| 字节跳动小程序 | npm run dev:tt | npm run build:tt |
| QQ小程序 | npm run dev:qq | npm run build:qq |
| 快应用 | npm run dev:quickapp | npm run build:quickapp |
| H5 | npm run dev:h5 | npm run build:h5 |
| React Native | npm run dev:rn | npm run build:rn |
三、有关Taro的命令
1.查看Taro所有命令及帮助：
taro --help
2.更新
taro提供了更新命令来更新CLI工具自身以及项目中Taro相关的依赖
（1）更新taro版本：
taro updata self
（2）更新项目中的Taro相关依赖：
taro update project
如果使用以上命令更新失败，则需要在package.json文件中手动更新依赖版本，然后重新安装即可
3.taro诊断项目问题
taro doctor
四、taro UI 使用
1.安装taro-ui
具体安装教程可参考taro-ui官网教程：Taro UI安装
1.安装taro-ui
npm install --save taro-ui
由于引用 `node_modules` 的模块，默认不会编译，所以需要额外给 H5 配置 `esnextModules`，在 taro 项目的 `config/index.js` 中新增如下配置项：
h5: {
esnextModules: ['taro-ui']
}2.引入所需组件
在代码中import需要的组件并按照文档说明使用
// page.js
import { AtButton } from 'taro-ui'
// 除了引入所需的组件，还需要手动引入组件样式
// app.js
import 'taro-ui/dist/style/index.scss' // 全局引入一次即可