【vue.js】安装vue.js devtools插件后vue.js is not detected问题

解决了chrome浏览器更新后安装插件的问题，还没来得及高兴，我就发现我家刚装的小图标都不带亮一下的！

我的：

人家的：

 

真的是，哇的一声哭出来！！！

 

那么问题到底在哪里呢？？看了几篇大佬写的解决办法之后总结如下：

 

第一步：打开一个vue写的网站（比如哔哩哔哩），如果图标亮了，那你的插件就是没有问题的！！！

我才不会说我之前没发现这个问题花了好多时间............

 

第二步：打开扩展程序chrome://extensions/，点开插件详细信息，开启“允许访问文件网址”

 

 

 

第三步：如果上述方式没有解决问题的话，在自己电脑上找到Vue.js devtool插件的安装目录（查找方式见备注），打开manifest.json文件，将第三行中的false改为true：

 

注：正常情况下，Chrome插件扩展程序的默认安装目录如下：

1.windows xp中chrome插件默认安装目录位置:  C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions

2.windows7/8/...中chrome插件默认安装目录位置:  C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions

（比如：本人电脑win8，安装目录为——

C:\Users\suning\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.4_5）

3.MAC中chrome插件默认安装目录位置：~/Library/Application Support/Google/Chrome/Default/Extensions

4.Ubuntu中chrome插件默认安装目录位置：      ~/.config/google-chrome/Default/Extensions

如果在这些不同操作系统中的chrome插件默认安装位置，没有找到插件。那么请通过下面的方式查看,如下图所示：
 

1.地址栏输入chrome:version 回车

2.用资源管理器打开"个人资料路径"栏的路径,该路径下的Extensions文件夹即默认的扩展安装路径