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控制台啦~

但是,图标还是灰色……

 : )

原文地址:https://www.cnblogs.com/mankii/p/14005596.html