主要报错

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

  • 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
  1. 修改persistent属性为true
    在这里插入图片描述
    修改manifest.json文件中的persistent属性为true
  2. npm i 安装依赖包
npm install
  1. npm run build

  2. 添加扩展程序
    点击Chrome浏览器右上角的三个点>更多工具>扩展程序>加载已解压的扩展程序>选定chrome文件夹,得到如下结果:
    在这里插入图片描述

  3. 重启浏览器并打开一个Vue项目,此时就可以看到一个Vue的开发工具了
    在这里插入图片描述

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐