Whidy Writes

几个不错的Vue.js工具分享

创建于:最后更新:Whidy

在油管上看到一个不错的视频《5 Tools Every Vue.js Developer Should Know! // 5 Cool Websites and Tools For Vue Developers》,里面有几个工具和网站确实不错,做做笔记分享给大家。

VueTelemetry

这是一个工具网站,也是有对应的谷歌插件的。在网站首页你可以在中间的输入框输入你要检测的网址,点击 Lookup ,待解析结束后,就出弹出一个结果弹窗,里面有关于你查询的网站的一些信息(Vue.js 的网站)。当然你也可以安装 Chrome 插件,这样如果看到一个不错的网站,且插件图标亮了起来,便可以点击插件图标去了解他用到了什么 UI 框架等信息了。

VueTelemetry插件使用效果

个人点评:用于分析网站使用的 UI 库、渲染模式比较不错。

made with vue.js

我个人非常喜欢这个网站,如今大家都非常喜欢 Vue-CLI + UI 框架一把嗦,忽略了很多性能方面的优化。最直观的感受就是很多 Vue.js 项目网站打开速度很慢(客户端渲染,过度依赖网络和硬件)。那么在网络问题无法避免的情况下,如何优化 bundle.js 体积,降低应用的组件复杂度还是很有必要的,这里就提供了大量的简易的 Vue.js 相关的插件和组件库等。在开发小型前台 Vue.js 项目(面向 C 端用户)中,并不需要大型 UI 框架(比如 ElementUI)时,这里面总能找到一些不错的取代方案。

个人点评:不要被 UI 框架所局限,当然如果是做后台管理之类,那就无所谓啦,看个人需求了。

vue-storefront

如果你在尝试用 Vue.js 开发一个电商网站,而用的是其它的电商平台后端服务,那么这个项目将非常符合你的要求。

项目地址:https://github.com/DivanteLtd/vue-storefront

vue-test-utils

这是官方提供的一个测试工具,对于项目规范性要求较高的可以了解下~

文档地址:https://vue-test-utils.vuejs.org/zh/

总结

好了,原视频中介绍了 5 个,不过我个人可能在本文前两个会用的多些,其它的大家自己可以多试试看啦~如果有帮助或其它想要分享的内容,欢迎下方留言噢~~~

avatar

Whidy

一名爱折腾的前端开发工程师,喜欢玩游戏听歌写东西 ฅʕ•̫͡•ʔฅ