Vue devtools插件主要运用于谷歌浏览器的开发者调试阶段，对于广大开发人员来说，它能够为其提供多个网页结构解析和调试工具，侧边栏窗口代码优化调试，新增一个性能选择卡，多项优化下让您可以有效提高整天调试效率。插件功能多，安全稳定，值得推荐。Vue.js devtools简介用于调试Vue.js应用程序的Chrome和Firefox DevTools扩展。Chrome devtools扩展用于调试Vue.js应用程序。插件特色1、性能与路由选项卡一样，性能选项卡也是一个新增功能。此选项卡由两部分组成，“每秒帧数”和“组件渲染”。第一个选项卡“每秒帧数”显示一个实时源图表，其中包含应用程序的当前fps。这可用于查找减慢应用程序速度的某些操作或组件。2、设置将显示密度更改为更紧凑的布局规范化组件名称（my-component将变为MyComponent）更新主题 - 打开或关闭新的黑暗主题选项3、路由Routing选项卡是devtools套件的全新选项。这里有两个不同的视图，“历史记录”和“路径”，可以通过单击“路由”选项卡标题进行交换。软件亮点1、上手简单在用户已经了解HTML，CSS和javaScript的情况下，阅读指南后即可立即开始构建。2、功能多样渐进式的生态系统，在图书馆和功能全面的框架之间进行扩展。3、演示优化20KB min+gzip运行，快速虚拟DOM，最少的优化工作。Vue.js devtools插件还可以看到它们最后的更新时间，如果它们有自己的主页，还可以对它们进行分类和其他更多的功能。使用攻略1、下载安装文件下载插件，并在浏览器安全提示时选择【保留】，在下载文件夹中找到下载好的文件，后缀是.crx 。说明：若出现安全提示，请选择保留。这是浏览器的默认设置，我们的插件不会危害你的计算机。2、 打开扩展程序安装页面复制chrome://extensions并粘贴到地址栏，按回车键进入扩展程序安装页面，打开右上角的【开发者模式】。3、 安装插件将下载好的.crx文件拖拽到到扩展安装页面内，等待数秒，在安装弹窗内点击添加即可。注意问题如果页面使用的是Vue.js的生产/精简版本，则默认情况下禁用devtools检查，因此不会显示Vue窗格。要使其适用于通过file：//协议打开的页面，您需要在Chrome的扩展程序管理面板中选中此扩展程序的“允许访问文件URL”。仅当您希望自己从源代码构建扩展以获取尚未发布的功能时，才需要这样做。

更新时间	2021-07-23 15:32
MD5	6b11d3eaa22b4b5a5ed45b130f4dc3d4
授权	免费软件