Chrome安装vue-devTools调试-终极版

大家都说去什么官网github上下载,完了先npm install ,再npm run build,再修改一个文件,事实上,你去运行就发现一堆问题,这里出一个终极版文件:

链接:https://pan.baidu.com/s/12BWe9c1oPGzUuTRFSdMxqg
提取码:ek76

提取出来,然后在谷歌上打开:chrome://extensions/,打开右上角的开发者模式,然后选择在这里插入图片描述
然后选择提取文件里的chrome文件夹,面板就会出现:
在这里插入图片描述
浏览器右上角出现vue的logo并且点亮,如果不是vue项目logo是灰色,然后打开你的vue项目,打开f12:
在这里插入图片描述
如果f12没有出现Vue这个选项,试试:ctrl+shift+I,点击这个选项,就会出现调试面板了。

发布了38 篇原创文章 · 获赞 28 · 访问量 1003

猜你喜欢

转载自blog.csdn.net/huanhuan03/article/details/103903027