vue-devtools V5.3.3版安装问题记录

写文日期：2020年3月8日

vue-devtools是一款基于Chrome的插件，可以调试vue应用。

一、最便捷的方式

通过Chrome应用商店是最便捷的，当然前提是你可以**（自己体会），本来想用lantern，找了好久找不到，绝望的开始了第二条路。

二、手动安装

1、从git官网下载安装包：https://github.com/vuejs/vue-devtools，

2、通过git将GitHub中的vue-devtools项目clone到本地：

git clone https://github.com/vuejs/vue-devtools.git

3、安装

npm install

或者

cnpm install

4、编译项目文件

npm run build

5、添加到Chrome

正常的操作是：

在chrome浏览器的地址栏中输入：chrome://extensions/ 进入扩展程序页面或者通过点击“设置->扩展程序”，如下图

成功安装如下

上面的都是正常安装哈。。。

vue-devtools 5.3.3版我在npm run build的时候就已经挂了，然后看了下发现，很多文件目录不太对

上面都没啥，重点来了，打开shell-chrome文件夹下的manifest.json文件一看......

既然酱紫，那咱把shell-chrome/src目录改成了build不就行了么。然而现实很骨感。

因为有任务暂时还没有时间在这上面磕，所以先记录下，如果有遇见同样问题或者有解决方法的盆友，可以留言哈。

最后安装了vue-devtools 5.1.0版本，所以上面的截图也是5.1.0版本的。

顺带copy了一个5.1.0版本的下载链接：https://www.cnblogs.com/xiaojianwei/p/12251137.html