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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容