vue-devtools踩坑安装(亲测成功)

主要报错

安装过程中主要遇到以下两个报错：

• npm i 过程中出现：Failed at the cypress@3.8.3 postinstall script.
  • 原因：主要是单个包的安装出现错误
  • 解决：使用 --ignore-scripts 安装 ，先把某个报错的包单独安装，eg:npm i cypress@3.8.3 --ignore-scripts
• npm run build中出现：Failed at the vue-devtools@6.0.0-beta.15 build script.
  • 原因：主要是版本不对，由于git clone时默认分支为最新的develop分支。develop是测试分支，不是正式分支，git时更换分支便可。从网上看v5.1.1分支是可用的，正确获取方法（使用分支:v5.1.1）
  • 解决：git clone -b v5.1.1 https://github.com/vuejs/devtools.git

安装过程

1. 克隆

git clone -b v5.1.1 https://github.com/vuejs/devtools.git
cd devtools

2. 修改persistent属性为true
   
   修改manifest.json文件中的persistent属性为true
3. npm i 安装依赖包

npm install

4. npm run build

5. 添加扩展程序
   点击Chrome浏览器右上角的三个点>更多工具>扩展程序>加载已解压的扩展程序>选定chrome文件夹，得到如下结果：
   

6. 重启浏览器并打开一个Vue项目，此时就可以看到一个Vue的开发工具了