Chrome谷歌浏览器VUE Devtools插件

步骤一：

下载插件：点击下载

 点击推荐下载即可。下载不到也可以下载我的百度网盘地址（5.3.3）：链接: https://pan.baidu.com/s/15l-uf_k5h-ppZ0SQIA17JA  密码: u8ib

下载后解压内容如下图：

步骤二：

打开谷歌浏览器，点击右上角 ==》更多工具 ==》扩展程序

将crx文件拖入拓展程序中

（注意：右上角的开发者模式要先打开）

步骤三：

点击详细信息，将“允许访问文件网址”打开。

这时候打开vue项目的F12调试台，一般就可以看到VUE的界面了。

但是我遇到了……

这样的情况，调试台也没有反应，那就要做下一步：

步骤四：

谷歌网址栏输入chrome://version/，进入后可以看到“个人资料路径”

 打开该路径的文件夹，打开“Extensions”文件夹，可以看到你安装的拓展程序。

进入VUE这个拓展程序的文件夹，打开“manifest.json”文件

 将第一栏background.persistent改成true，

 

保存后重启一下浏览器

完成后我就看到VUE控制台啦~

但是，图标还是灰色……

 : )