当前位置: 代码网 > it编程>编程语言>Javascript > 2023年试用uniapp、vue2、vue3、typescript、vite、nvue【2023-7-7更新】

2023年试用uniapp、vue2、vue3、typescript、vite、nvue【2023-7-7更新】

2024年07月28日 Javascript 我要评论
试用了一下 uniapp、vue2、vue3、typescript、vite、nvue 等技术,写了两个页面,两个页面加起来不到400行代码。尝试使用了四种组合:组合1:uniapp + vue2 + JavaScript + nvue文件 + 非fast模式组合2:uniapp + vue2 + JavaScript + nvue文件 + fast模式组合3:uniapp + vue3 + TypeScript + vue文件 + Vite + fast模式。

1. 前言

试用了一下 uniapp、vue2、vue3、typescript、vite、nvue 等技术,写了两个页面,两个页面加起来不到400行代码。

尝试使用了四种组合:

组合1:uniapp + vue2 + javascript + nvue文件 + 非fast模式

组合2:uniapp + vue2 + javascript + nvue文件 + fast模式

组合3:uniapp + vue3 + typescript + vue文件 + vite + fast模式

组合4:uniapp + vue3 + typescript + nvue文件 + vite + fast模式

注1:fast模式是指在 manifest.json 文件的 app-plus 节点下配置: "nvuelaunchmode" : "fast",

注2:组合3中fast模式应该是不起作用的,因为使用的是vue文件而不是nvue文件。


2. 测试结果对比

组合app启动时间补充说明
组合11.17s早期的uniapp常见的组合
组合21.20s测试fast模式,并没有提升启动速度
组合31.45s测试typescript+vue3是否能写项目
组合40.87s测试最优技术组合

app启动时间是指:通过dcloud渠道打成生产环境安装包后,从点击app图标到出现第一个页面的时间。

2023-7-7更新:更新了组合4的启动时间,之前版本无法启动,现在可以启动了(hbuilderx3.8.7)。


3. 结论

还有很多测试组合没有尝试过,没有时间一一尝试了,就这四个组合已经耗了一天了~

【2023-7-7之后的结论】:

对于新项目,目前推荐的组合是组合4:uniapp + vue3 + typescript + nvue文件 + vite + fast模式。

【2023-7-7之前的结论】:

本来我最想测试的就是组合4(uniapp + vue3 + typescript + nvue文件 + fast模式),可惜现在这个节点上(2023年5月26日),hbuilderx3.7.11上跑不起来,只能放弃了。【2023年5月26日晚上hbuilderx3.8.3版本发布了,重新测了一遍,还是不行】

对于新项目,目前推荐的组合是组合3:uniapp + vue3 + typescript + vue文件 + fast模式。


4. 补充说明

这份文档中明确写了:

但在这份文档中又明确写了:

两个文档有矛盾的地方,亲测之后发现nvue文件确实不支持typescript(或者说虽然官方宣称支持,但是有bug导致项目跑不起来)。

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com