美文网首页
vue调试工具vue-devtools安装及使用

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

作者: Air丹 | 来源:发表于2019-10-23 10:10 被阅读0次

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 放入, 安装成功如下图

相关文章

网友评论

      本文标题:vue调试工具vue-devtools安装及使用

      本文链接:https://www.haomeiwen.com/subject/cvrvuctx.html