Vue-Devtools快速安装配置教程

由于用debugger进行vue调试有局限，所以今天我们通过安装Vue-Devtools工具进行vue安装

1、直接一个已经用npm处理过的Devtools源码，而且已经配置好了manifest.json和webpack.config.js文件，已经处理好了，拿来就用。

下载地址 https://codechina.csdn.net/mirrors/arcliang/vue-devtools-?utm_source=csdn_github_accelerator

2、下下来之后打开google浏览器，输入地址chrome://extensions/ ，点击加载已解压的扩展程序

 

 

 确定完出现

 

 

 3、确定完了之后就会发现链接栏的右边有个V的标志，证明已经成功，但是此时F12之后依然在调试界面看不到Vue

解决

首先要确定自己打开的是开发环境的vue项目，生产打包编译完的不支持

然后找到manifest.json的persistent由true改成false，进行如下

 

 

 修改把true改为false

 

 

 4、改完，关掉浏览器，重新打开就有了

 

 

 最后感谢作者提高好的配置文件

https://blog.csdn.net/zzzZhou1997/article/details/107430938