【Chrome安装Vue.js devtool 4.1.4_0】

听风雨丶  |  前端菜鸡  |  Vue.js  |  2019-03-06 15:27:31
2793 |  0 |  76

Amaualiu：初级菜鸟程序员接触Vue了，很久之前学过一段时间，后面又学C#去了，太久没碰了回来试试水.

1、首先下载Vue.js devtool 4.1.4_0提取密码:r3mp

2、再打开Chrome浏览器，地址栏输入：chrome://extensions/

3、将刚刚下好的Vue-devtools-4.1.4_0文件拖进扩展程序里面,弹出提示直接点安装（记得打开开发中模式，就在右上角）.

4、安装完成后，可以在浏览器的右上角会看到Vue的官方图标。点击图标，会提示：Vue.js not detected的信息。

5、重新回到扩展程序里面找到刚刚安装的Vue-devtools-4.1.4_0，点击“详细信息”，可以看到Vue-devtools-4.1.4_0，找到它的对应ID，方便我们等会找文件夹，我这里生成的是hcbdbkcpkllkhcnojjajbmpjidbmceko。再把下面的“允许访问文件网址”的选项打开。

6、在我的电脑中输入C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions，Administrator是重点，有些人电脑不是默认名字的需要改为你的电脑名称，打开后能找到相应的Chrome浏览器插件的目录文件，其中就有和刚刚下载Vue.js同名的hcbdbkcpkllkhcnojjajbmpjidbmceko目录。

7、打开文件夹，找到最下方的manifest.json文件，第一行就是"background"节点，把"persistent"属性的值从false修改为true。

8、这样就可以使用了，再打开你刚刚用来测试的Vue网站，就可以看见图标亮起来了。

9、F12打开,点击最右侧的vue可以查看vue的数据.

大概的流程就这些,感谢观看。 附:(文章为原创,转载记得加上出处哦。)