Taro开发体验

Taro

官方描述为：多端统一开发解决方案。

使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信 /京东/ 百度 / 支付宝 /字节跳动 小程序、快应用、H5、React-Native 等）运行的代码。

Taro 遵循 React语法规范，它采用与 React 一致的组件化思想，组件生命周期与 React 保持一致，同时支持使用 JSX语法，让代码具有更丰富的表现力，使用 Taro 进行开发可以获得和 React 一致的开发体验。

全局安装：cnpm install -g @tarojs/cli

Taro UI

Taro UI 特性：

基于 Taro 开发 UI 组件

一套组件可以在 微信小程序，支付宝小程序，百度小程序，H5 多端适配运行（ReactNative 端暂不支持）提供友好的 API，可灵活的使用组件。

项目路径下安装：cnpm install taro-ui

在对应组件中引入：import 'taro-ui/dist/style/index.scss'

官网：https://taro-docs.jd.com/taro/docs/README/index.html

项目初始化：

使用命令创建模板项目：$ taro init myApp

微信小程序：

$ 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:jd

$ npm run build:jd

快应用：

$ npm run dev:quickapp

$ npm run build:quickapp

H5：

$ npm run dev:h5

React Native：

$ npm run dev:rn