Enhanced Vue.js devtools-增强的Vue.js开发工具 1.3.1

Enhanced Vue.js devtools堪称宝藏插件！深度赋能开发调试，组件细节尽收眼底，数据流向清晰可溯。操作界面简洁友好，助开发者迅速定位并解决问题，全方位加速Vue项目开发进程

插件说明

该插件是基于Vue.js devtools 5.3.3的功能拓展版
它新增了一个DuplicateKey（重复key）面板，这里显示的是我们页面中出现了重复key问题的组件。它可以提示我们该组件位于Dom树中的什么位置，父组件是谁，以及处于哪个源码文件中（open in editor）
使用它我们就可以快速有效地排查Vue中碰到的重复key问题了，简单实用，赶紧pick起来吧
Enhanced Vue.js devtools插图

插件安装说明

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