多端统一开发框架Taro(React)的使用(更新中...)

600 阅读1分钟

一、Taro是什么?

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

二、Taro怎么用?

1. 安装

npm install -g @tarojs/cli
yarn global add @tarojs/cli
cnpm install -g @tarojs/cli

安装某个版本只需在@tarojs/cli后拼接@版本号即@tarojs/cli@2.8.7

2. 项目初始化

taro init taro-demo
npx @tarojs/cli init taro-demo(非全局安装,npm5.2+)

3. 编译命令(yarn、微信为例)

yarn dev:weapp
yarn build:weapp

需要注意开发者工具的项目设置:

  • 需要设置关闭 ES6 转 ES5 功能,开启可能报错
  • 需要设置关闭上传代码时样式自动补全,开启可能报错
  • 需要设置关闭代码压缩上传,开启可能报错

4. 编译配置

编译配置详情存放在项目根目录下的config目录中,包含:

  • index.js 是通用配置
  • dev.js 是项目预览时的配置
  • prod.js 是项目打包时的配置

5. CLI命令

taro --help 查看所有命令及帮助
taro info 环境及依赖检测
taro doctor 诊断项目的依赖、设置、结构,以及代码的规范是否存问题,并尝试给出解决方案
taro create --name [页面名称] 在当前项目的pages目录下快速生成新的页面文件
taro config 对配置项进行操作

三、使用React开发

1. 入口组件

2. 页面组件

3. 内置组件

4. 事件

5. 全局变量

6. Hooks