1.拉取Chrome vue插件
github地址:https://github.com/vuejs/vue-devtools/tree/master
注意:一定是拉取master分支的代码
2.进入代码目录,执行npm install,完成后再执行npm run build(一定要执行这一步,否则加载扩展程序时会报错)
3.找到manifest.json文件(shells->chrome->manifest.json),做如下更改:
将"persistent": false 改为"persistent": true
image.png
4.安装Chrome扩展程序
打开Chrome,进入更多工具->扩展程序,选择加载已解压的扩展程序,选择shells->chrome文件,即安装成功
image.png
image.png
image.png
5.使用vue插件
运行一个vue项目,在f12中可使用vue插件
image.png