Taro和uni-app的介绍

Taro的介绍

Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 / RN 等应用。
官方文档：https://nervjs.github.io/taro
Github地址：https://github.com/nervjs/taro
uni-app的介绍
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。
官方文档：https://uniapp.dcloud.io
Github地址：https://github.com/dcloudio/uni-app
两者的对比
共同点
两者都是用主流框架开发的
都能支持微信、百度、支付宝、今日头条等小程序，H5，以及iOS和Android的App
均支持使用npm/yarn安装管理第三方依赖
均支持使用ES6甚至更新的ES规范
均支持使用less/scss/ts等预编译器
均支持进行应用状态管理，taro支持Redux，uni-app支持vuex
差异点

	Taro	uni-app
开发技术栈	React框架开发	Vue框架开发
开发工具	官方未特别推荐IDE	官方推荐HBuilderX,开发工具可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs
跨端程度	微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 / RN	微信/支付宝/百度/头条/QQ/钉钉/淘宝小程序、快应用、iOS、Android、Web（响应式）
版本升级差异	1.X与2.X之间没有做平滑升级，版本差异太大，升级版本会导致各种不兼容的bug；3.X则属于开放式架构的改动，采用了重运行时的架构	无版本升级影响
物料市场	NutUI、Taro UI；物料市场活跃度低，更新速度慢	uni-ui、uView UI、mui；插件市场活跃度高，插件数量多，更新速度快
社区活跃度	GitHub Issuse、Discussions	GitHub Issuse、官网社区问答
学习维护成本	高	低
云开发支持	无	uniCloud

Taro && DCloud && uni-app && 微信小程序诞生节点

Taro 2018年4月8日发布0.0.1版本
- https://github.com/NervJS/taro/releases?after=v0.0.5
DCloud于2012年开始研发小程序技术，优化webview的功能和性能，并加入W3C和HTML5中国产业联盟，推出了HBuilder开发工具，为后续产业化做准备
- https://uniapp.dcloud.io/history
uni-app 2019年1月11日发布1.4.0.20181227 版本
- https://github.com/dcloudio/uni-app/releases?after=1.8.0.20190330
微信团队于2016年初决定上线小程序业务，但其没有接入联盟标准，而是订制了自己的标准。2017年1月9日，张小龙在2017微信公开课Pro上发布的微信小程序正式上线

安装及使用

Taro

# 全局安装 @tarojs/cli
$ npm install -g @tarojs/cli
# 创建 taro 项目
$ taro init myApp
# 进入项目目录
$ cd myApp
# 运行到微信小程序，调试模式
$ npm run dev:weapp
# 发行到微信小程序
$ npm run build:weapp

uni-app

# 全局安装 vue-cli
$ npm install -g @vue/cli
# 创建uni-app项目
$ vue create -p dcloudio/uni-preset-vue my-project
# 进入项目目录
$ cd my-project
# 运行到微信小程序，调试模式
$ npm run dev:mp-weixin
# 发行到微信小程序
$ npm run build:mp-weixin