首页 > 技术文章 > Vue-Devtools快速安装配置教程

qdlhj 2021-09-17 15:19 原文

由于用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

 

推荐阅读