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

1.到github下载:git clone https://github.com/vuejs/vue-devtools

image.png

2.在vue-devtools目录下安装依赖包:

  • cmd中打开刚刚克隆文件的目录下:(比如我的:F:codevuevue-devtools-master)
image.png
  • 在该目录下安装:npm install
image.png

3.修改manifest.json文件


image.png

将代码中 "persistent":false改成true


image.png

4.安装完成后同在该目录(比如我的:F:codevuevue-devtools-master)下npm run build


image.png

5.扩展Chrome插件
Chrome浏览器 > 更多程序 > 拓展程序


image.png

点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图

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

推荐阅读更多精彩内容