【原】无脑操作：Chrome浏览器安装Vue.js devtoo…

学习Vue.js时，Chrome浏览器安装Vue.js devtool能很方便的查看Vue对象、组件、事件等。

本文以Chrome浏览器插件Vue.js devtools_3.1.2_0.crx的安装为例。

步骤：

1、打开Chrome浏览器，右上角找到“自定义及控制Google Chrome”图标。

2、点击图标，找到“更多工具”菜单项下的“扩展程序”（第1步和第2步也可以合并为直接在地址栏输入：chrome://extensions/）

3、将Vue.js devtools_3.1.2_0.crx文件拖放至扩展程序中即可安装。

4、安装完成后，在浏览器的右上角会看到V字型图标。

5、点击V字型图标，可能会提示：Vue.js not detected的信息，接下来解决这个问题。

6、首先找到刚才在扩展程序中安装的Vue.js devtools 3.1.2，点击“详细信息”，能看到Vue.js devtools的ID，我的是：blilalokifjgienomccehdbhiamjcppo。同时，将“允许访问文件网址”的选项启用。

7、然后到C:\Users\temptation\AppData\Local\Google\Chrome\User Data\Default\Extensions目录下（其中temptation是我的系统账户名称），能找到相应的Chrome浏览器插件的目录文件，其中就有和ID同名的blilalokifjgienomccehdbhiamjcppo目录。

8、打开目录，找到manifest.json文件，打开找到"background"节点，将其"persistent"属性的值从false修改为true。

9、重启Chrome浏览器，打开使用Vue.js开发版的网页文件，发现此时Vue.js devtools图标亮了，可以使用该插件了。

原文链接:https://www.cnblogs.com/iflytek/p/10274543.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有