在chrome安装vue devtools(以及安装过程中出现的错误)

下载压缩包

下载链接:git下载

安装依赖、编译项目文件

1、yarn install
(没有安装yarn的看最后)
在这里插入图片描述
2、yarn run build
在这里插入图片描述

修改manifest.json文件

3、上一步操作之后在packages\shell\chrome目录下会有manifest.json文件,把文件里的"persistent":false改成true
在这里插入图片描述

扩展Chrome插件

选中chrome文件夹即可
在这里插入图片描述
在这里插入图片描述
在浏览器右上角会有一个V的标志,说明安装好了


我在安装过程中出现的错误

在这里插入图片描述
在这里插入图片描述
使用cnpm run build 出现了错误
弄了半天也没解决,查了各种方法也不管用
然后就使用yarn命令来下载安装依赖
cmd中执行npm install -g yarn
然后问题就解决啦(为什么会出错我也不清楚)


然后就又出了个问题
在这里插入图片描述
packages里面没有shell文件夹,只有shell-chrome文件夹
这个就自己创建一个shell文件夹,把shell-chrome放进去改个名字就好啦
在这里插入图片描述


参考

一波三折之chrome vue-devtools安装及使用

(此文章只为记录本人学习过程中的问题,仅供参考。如有错误或侵权,请联系)