vue之调试工具DevTools

1 在本地建一个文件夹

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

3 在终端里面执行 npm install vue-devtools

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

 

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

 

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

 

 

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

需要注意的是有时候 看不到vue的版本也查看不了结构，请进行下面的设置

 

 完美出来