Vue.js Devtools

Vue.js Devtools可以安装到google chrome中，扩展vue.js应用开发工具，在网页上自由调试代码。在安装完成后，您可以运行已有的vue项目，在网页上打开开发者工具，进入项目的调试模式，调试完成后，重启vue项目就可以使用了。

1、上手翰单

在用户已领会HTML，CSS和JavaScript的环境下，浏览指南后便可当即起头构建。

2、性能多样

渐进式的生态系统，在藏书楼和性能周全的框架之间开启扩大。

3、演示优化

20KB min+gzip运转，迅速虚拟DOM，起码的优化任务。

Vue.js Devtools插件还可以看到它们最初的更新时间，若是它们有本身的主页，还可以对它们开启分类和其他更多的性能。

1、下载装载文件

下载插件，并在阅读器平安提醒时选择【保存】，鄙人载文件夹中找到下载好的文件，后缀是.crx 。

申明：若呈现平安提醒，请选择保存。这是阅读器的默许设置，我们的插件不会风险你的电脑。

2、翻开扩大顺序装载页面

复制chrome://extensions并粘贴到地址栏，按回车键进入扩大顺序装载页面，翻开右上角的【开发者形式】。

3、装载插件

将下载好的.crx文件拖拽到到扩大装载页面内，期待数秒，在装载弹窗内点击加入便可。

此插件提供使用指南，您可以在网页上快速开启vue项目的调试模式，如果您需要更多的调试功能，可以继续进一步扩展框架。它能够快速虚拟文档对象模型DOM，为优化工作加速，支持您查看项目的最后更新时间。

好了，今天的Vue.js Devtools分享就到这里了，想要下载更多软件就来软件爱好者，快快收藏吧，更多精彩不容错过！