Vue.js devtools

Vue.js devtools 是一款由Vue.js官方提供的调试工具，用于帮助开发者更高效地开发和调试Vue.js应用。它提供了丰富的功能，如组件树查看、状态管理、事件触发、性能分析等。

插件说明

这是来自官方存储库的 Vue DevTools 的自定义构建，具有自定义字体和 UI 元素大小。
此修改版本使用“Code New Roman”字体来替代正式版本中使用的 Roboto 字体。此外，字体大小也被缩小以匹配 chrome 开发工具的标准大小。
Vue.js devtools插图

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用