Taro框架配置及教学

1 什么是Taro 简单理解就当他是uniapp

Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。

现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道。当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

2 全局配置

 npm install -g @tarojs/cli

$ yarn global add @tarojs/cli

$ cnpm install -g @tarojs/cli



//安装报错可尝试这个
$ npm install -g mirror-config-china

3 新建项目

taro init myApp


//选择 vue 或 react 
//选择 typescript或js
//选择预处理器
//选择默认模版
//

4 cd myApp 输入命令yarn  然后启动项目输入自己要开发的项目模式

dev:weapp: 微信小程序开发模式
dev:swan: 百度小程序开发模式（百度智能小程序）
dev:alipay: 支付宝小程序开发模式
dev:tt: 头条小程序开发模式（今日头条/字节跳动小程序）
dev:h5: H5 网页开发模式（移动端 Web 应用）
dev:rn: React Native 开发模式
dev:qq: QQ 小程序开发模式
dev:jd: 京东小程序开发模式
dev:quickapp: 快应用开发模式

这里我是选择h5 yarn dev:h5

5 打开浏览器窗口后 可以看到 Hello World 我们回到项目文件中 对项目的配置进行改动