Taro与uni-app对比


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

# 全局安装 @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
  • 或者直接通过HBuilderX可视化界面

  目录