在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安装及使用

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