安装谷歌浏览器Chrome的vue插件

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