vue调试工具vue-devtools安装及使用

https://chrome.pictureknow.com/extension?id=d50143a5f53d406dbe992277bfc90521
1、根据这个链接下载安装该vue调试工具，如在浏览器的右上角没有出现vue的这个图标，则按照教程再重新操作一遍。
2、在浏览器的右上角"拼图碎片"图标 点击会看到vue图标的一个扩展程序
3、图标呈现灰色，提示：Vue.js not detected信息（别慌，接下来就是解决问题咯）
可以重新刷新一下，或重启一下浏览器如不行使用下面方法进行尝试。
4、再次输入chrome://extensions/ 定位到浏览器的扩展程序页面（这里就可以看见你新添加的扩展程序咯），找到vue图标的扩展程序，点击详细信息，找到Vue.js devtools这个扩展程序的ID（如：nhdogjmejiglipccpnnnanhbledajbpd），接下来，将“允许访问文件网址”的选项启用。
5、在地址栏输入chrome://version,按下回车键，可以查询到个人资料路径，复制该路径，将文件夹定位到该路径，找到Extensions这个文件夹，再找到对应ID的文件夹。
6、打开文件夹，找到manifest.json文件，找到"background"节点，将其"persistent"属性的值从false修改为true。（注意不要删除后面的逗号）
7、重新运行你的vue项目，点击浏览器的右上角"拼图碎片"图标看看扩展程序亮起来没有啊，再按下F12看看有没有多出来一个vue。此时已经安装成功。
————————————————
 原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_51608940/article/details/116677606