Uniapp And Taro一些小测评

前情最近公司准备新开发一个小程序项目,对于使用哪一款小程序框架有一些犹豫,我有过2年左右的uniapp项目开发经验,Taro在刚刚出来的时候有尝试过 , 经常莫名报错需要重启,在内心是有些偏向uniapp一方的,趁项目还未正式启动前 , 老大也愿意给时间去尝试的情况下 , 为什么不做个小测评对比对比了 。
初始化项目Uniapp:通过自带Hbuilderx可视化初始化项目

Uniapp And Taro一些小测评

文章插图
Taro:通过命令行初始化项目
Uniapp And Taro一些小测评

文章插图
taro初始化项目在npm install这一块基本是卡死的,我试过了几次都没有一次是成功的,都是手动cd到项目目录下,再手动执行npm install才能成功初始化,我猜有可能是跟个人网络有关 。
项目启动Uniapp:自带的Hbuilderx+微信开发者工具
Uniapp And Taro一些小测评

文章插图
Taro:vs code + 微信开发者工具
Uniapp And Taro一些小测评

文章插图
Uniapp可以做到一键启动,而Taro则需要先启动项目代码,再手动启动小程序IDE指定到项目根目录 。
开发体验Uniapp:因为有自带的IDE加持,代码提示十分强悍 。
Uniapp And Taro一些小测评

文章插图
Taro: 基于vs code,代码提示偏弱,而且对于小程序的普通的View Text等标准组件都需一个一个单独引入使用,好像如果用Vue也是不需要的 。
Uniapp And Taro一些小测评

文章插图
再来看一下新增路由和设置tabBar,这是每个项目的基础需求
Uniapp全流程可以通过鼠标点击即可完成,很丝滑,基本可以靠提示脱离文挡完成一些配置
Uniapp And Taro一些小测评

文章插图
Taro就是真正的码砖了,我写过一段时间小程序,在没有提示的情况下,我还是很有需要去翻翻文挡的,当然有插件可以支持,但在官方文挡里没有特别说明
Uniapp And Taro一些小测评

文章插图
还有一个在开发中不能少的,可以极大提高开发效率的:热更新
Uniapp:热更很细滑,速度也快,特别现在有vue3 + vite的支持,真的有点快
Uniapp And Taro一些小测评

文章插图
Taro:按官方文挡的说明,小程序IDE指向根目录,开发过程中热更时有时无,而且修改文字是百分百不会更新 , 如果开发中报错了,那你得手动编译小程序
Uniapp And Taro一些小测评

文章插图
Taro热更不稳问题在我做demo的时候搞得我很头疼,据同事推荐说把小程序指向dist , 热更就会稳 , 但事实是那根本就不是热更了,那是直接刷新了,但是总比手动重新编译的好,我的demo就是在此情况下开发完的 。
Uniapp And Taro一些小测评

文章插图
代码包体积测试条件:helloworld项目,二个tab,未添加任何第三方库和图片等资源,未进行压缩
Uniapp
开发版:总包175KB , 文件数14
Uniapp And Taro一些小测评

文章插图
构建发包版:总包61kb 文件数14
Uniapp And Taro一些小测评

文章插图
Taro
开发版:总包1.32M,文件数32
Uniapp And Taro一些小测评

文章插图
构建发包版:总包249kb 文件数20
Uniapp And Taro一些小测评

文章插图
条件编译要实现跨端说不写兼容代码是不太可能的 , 所以条件编译是必须得有的,双方都支持条件编译 , 通过书写不同的代码去解决不同端的兼容问题

推荐阅读