手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Chrome如何安装Vue-devtools

时间:2024-10-13 05:36:01

1、打开百度网盘,下载插件

Chrome如何安装Vue-devtools

2、打开Chrome浏览器,可以看到,三个竖点的左边目前还没有vue的小图标

Chrome如何安装Vue-devtools

3、我们点击竖点,并点击更多工具 ,扩展程序

Chrome如何安装Vue-devtools

4、进入如下界面,可以看到我们已经安装的插件,这是我们需要打开开发者模式

Chrome如何安装Vue-devtools

5、我们可以点击加载已解压扩展工具,也可以直接打开插件所在的电脑文件夹,吧插件拖入到当前界面,这里小编使用直接从电脑文件夹拖入,可以看到扩展插件中已经有devtools

Chrome如何安装Vue-devtools
Chrome如何安装Vue-devtools

6、这是在Chrome中也可以到已经有了Vue的小图标了,我们需要重启Chrome,该插件才会起作用。

Chrome如何安装Vue-devtools

7、下面我们来验证一下吧。Vue的图标只有当该网站是Vue制作的,才会亮起。

Chrome如何安装Vue-devtools
© 手抄报圈