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