vue-devtools工具的安装及调试

本文主要介绍vue-devtools的安装以及使用

安装

1.到github上下载

`git clone https://github.com/vuejs/vue-devtools.git`

2.在vue-devtools中下载安装依赖包

`cd vue-devtools`
`npm install`

3.修改manifest.json文件

`vue-devtools  >  shell  >  chrome  >  manifest.json`
把`"persistent":true`,改为`"persistent":false`
如果是Mac，不用更改，直接下一步即可

4.编译代码

`npm run build`

5.扩展Chrome插件

`更多工具  >  拓展程序 `
点击`加载已解压程序`按钮，选择`vue-devtools  >  shell  >  chrome`放入

6.重启浏览器即可使用

7.vue-devtools的使用

vue项目  >  检查  >  选择vue，就可以使用了