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

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_42301962/article/details/99459483

1. 在github上下载vue-devtools插件 https://github.com/vuejs/vue-devtools 或者在github官网搜索vue-devtools 并下载
2. cmd 进入vue-devtools目录，在vue-devtools目录下安装依赖包
3. npm install
npm run build (这一步一定不要忘了，没有执行这一步的话，项目文件夹shells>chrome文件夹里会少一个src文件夹,并且会报错 无法加载背景脚本“build/background.js”。)
4. 修改shells>chrome文件夹下的mainifest.json 中的persistent为true
5. 点开谷歌的扩展程序，开发者模式打开，加载已解压的扩展程序
6. 找到vue-devtools目录下的shells下的chrome文件夹选中，添加进去 就可以啦