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标识

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