Chrome如何安装vue-devtools

一、GitHub上下载

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

由于github很多时候网速较慢，可以先导入到gitee，软后下载。

git clone https://openharmony.gitee.com/yjtzfywh/vue-devtools.git

二、安装依赖和打包

#进入文件
cd vue-devtools
#使用淘宝镜像加速
npm config set registry https://registry.npm.taobao.org
#安装依赖
npm i

 #项目打包
npm run build
 

• 
  
• 在vue-devtools文件夹下：shells>chrome>manifest.json，将配置里的persistent的值修改为true；
  
• D:\coding\vue-devtools\shells\chrome

三、设置

进入谷歌的扩展程序 -》 开启开发者模式 -》 加载已解压的扩展程序 -》 选择“vue-

devtools>>shells>>chrome” ，将chrome文件夹导入 ，完成即可。

四、重启浏览器打开项目

看到vue标识

打开开发者工具，进行调试