一、关于小程序开发Taro框架的学习（安装及使用）

随着小程序越来越普遍的应用，app的轻量化开发成为了行业趋势，京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架，通过Taro框架，可以快速把项目转换成H5，微信小程序等现在主流的小程序平台，做到一次开发全部应用的效果。

安装

aro 项目基于 node，请确保已具备较新的 node 环境（>=8.0.0），推荐使用 node 版本管理工具 nvm 来管理 node，这样不仅可以很方便地切换 node 版本，而且全局安装时候也不用加 sudo 了。

安装 Taro 开发工具 @tarojs/cli

使用 npm 或者 yarn 全局安装，或者直接使用npx

# 使用 npm 安装 CLI
$ npm install -g @tarojs/cli
# OR 使用 yarn 安装 CLI
$ yarn global add @tarojs/cli
# OR 安装了 cnpm，使用 cnpm 安装 CLI
$ cnpm install -g @tarojs/cli

在安装时我使用的是yarn安装，因为用npm安装失败，不知道是什么问题，有知道的大神可以留言解答一下。

使用

使用命令创建模板项目

$ taro init myApp

在创建完成后，Taro会默认开始安装项目所需要的依赖，若安装失败可以使用安装命令进行安装。

# 使用 yarn 安装依赖
$ yarn
# OR 使用 cnpm 安装依赖
$ cnpm install
# OR 使用 npm 安装依赖
$ npm install

这里我也遇到了安装失败，用的是yarn安装的依赖。

安装完成后通过命令行选择预览的端口

//微信小程序
# yarn
$ yarn dev:weapp
$ yarn build:weapp
# npm script
$ npm run dev:weapp
$ npm run build:weapp
# 仅限全局安装
$ taro build --type weapp --watch
$ taro build --type weapp
# npx 用户也可以使用
$ npx taro build --type weapp --watch
$ npx taro build --type weapp

//百度小程序
# yarn
$ yarn dev:swan
$ yarn build:swan
# npm script
$ npm run dev:swan
$ npm run build:swan
# 仅限全局安装
$ taro build --type swan --watch
$ taro build --type swan
# npx 用户也可以使用
$ npx taro build --type swan --watch
$ npx taro build --type swan

//支付宝
# yarn
$ yarn dev:alipay
$ yarn build:alipay
# npm script
$ npm run dev:alipay
$ npm run build:alipay
# 仅限全局安装
$ taro build --type alipay --watch
$ taro build --type alipay
# npx 用户也可以使用
$ npx taro build --type alipay --watch
$ npx taro build --type alipay

//字节跳动小程序
# yarn
$ yarn dev:tt
$ yarn build:tt
# npm script
$ npm run dev:tt
$ npm run build:tt
# 仅限全局安装
$ taro build --type tt --watch
$ taro build --type tt
# npx 用户也可以使用
$ npx taro build --type tt --watch
$ npx taro build --type tt

//H5 预览项目
# yarn
$ yarn dev:h5
# npm script
$ npm run dev:h5
# 仅限全局安装
$ taro build --type h5 --watch
# npx 用户也可以使用
$ npx taro build --type h5 --watch

//H5 打包项目
# yarn
$ yarn build:h5
# npm script
$ npm run build:h5
# 仅限全局安装
$ taro build --type h5
# npx 用户也可以使用
$ npx taro build --type h5

//React Native
# yarn
$ yarn dev:rn
# npm script
$ npm run dev:rn
# 仅限全局安装
$ taro build --type rn --watch
# npx 用户也可以使用
$ npx taro build --type rn --watch

更新项目中 Taro 相关的依赖

$ taro update project

环境及依赖检测

Taro 提供了命令来一键检测 Taro 环境及依赖的版本等信息，方便大家查看项目的环境及依赖，排查环境问题。在提 issue 的时候，请附上 “taro info” 打印的信息，帮助开发人员快速定位问题。

$ taro info

在初步使用当中发现这确实是一个挺方便简单的框架，对于小程序全平台的开发有很大帮助，可以节省在开发中在多端重复写页面的时间。

但在使用中也发现了一些问题，比如Taro的不稳定，在打开过长时间的使用或频繁编译的时候，Taro很容易出现崩溃的情况，需要重启Taro，这在开发过程中不太方便，希望Taro开发团队可以继续优化编译环境，让编译更加稳定。