• ♪ ♫ 不入漩涡深处,怎能知晓水下的美景? ♬
  • ♪ ♫ 韩非:我让人点灯,这样才可以照亮你的美! ♬
  • ♪ ♫ 焰灵姬:(书里面)有没有如胶似漆?♬
  • ♪ ♫ 韩非:胶和漆,易燃,易燃!♬
  • ♪ ♫ 焰灵姬:我看这屋里最值钱的,就是你了!♬
  • ♪ ♫ 韩非:我这人嗜酒如命,更加易燃。♬
  • ♪ ♫ 焰灵姬:那我试试,能不能点燃你!♬
留言板 0
夜雨 | 留言 | 2019年2月23日
Amaya丶夜雨
Amaya丶夜雨博客  深圳前端"小白"鼠
你必须非常努力,才能看起来毫不费劲。
You have to work very hard to look effortless.
♪♫ Autograph ♫♪ ♪♫ Autograph ♫♪ ♪♫ Autograph ♫♪ ♪♫ Autograph ♫♪
 术  块
♪ 联 ♫ 系 ♪ 方 ♫ 式 ♪
AmSub994

Chrome安装Vue.js devtool 4.1.4_0

Amaya丶夜雨  |  前端菜鸡  |  原创  |  2019年3月6日 0 |  0 |  0

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 的数据.





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


召唤小精灵