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

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

VueTelemetry

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

个人点评：用于分析网站使用的 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 个，不过我个人可能在本文前两个会用的多些，其它的大家自己可以多试试看啦~如果有帮助或其它想要分享的内容，欢迎下方留言噢~~~