vue之调试工具DevTools

亲测有效

1.创建一个空文件夹（我命名为vue devtools），

2.进入这个文件夹按住 shift + 右键 选择进入在此处打开powershell 窗口，就可以进入这个文件的终端

3.在终端输入 npm install vue-devtools

完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，进入其中，将vender 文件拖至谷歌浏览器的扩展程序中即可。

进入verder下的 manifest.json ，修改persistent 为 true， 保存。

刷新浏览器扩展程序即可使用。运行vue程序，即可在控制台中看到此调试工具。

vue devtools 在用vue做的网站上会变亮但不能查看其结构。只有在本地运行的项目才能查看。

资料参考：https://blog.csdn.net/qq_44210926/article/details/106161483