本人是下载的Vue.js devtools插件,直接拖入浏览器插件管理界面
插件下载链接
但是图标并没有点亮 ↓,如何点亮呢?
在这里插入图片描述

1.查看扩展程序

方法:点击浏览器右上角三个点→更多工具→扩展工具
在这里插入图片描述

2.点击详细信息(如图)→将允许访问文件网址 按钮打开

在这里插入图片描述
在这里插入图片描述
当然1和2都是细节问题

3.若vue标识还是灰色

在浏览器中输入 chrome://version/,找到个人资料路径,复制该路径,在电脑中找到该路径下的Extensions→插件文件名→manifest.json,将manifest.json中第三行代码改为: “persistent”: true
在这里插入图片描述

4.添加代码

若vue图标任然是灰色,需要在引用的JS文件中加一句:Vue.config.devtools = true;
打开自己写的vue代码 查看是否可用使用这个插件;或者:
打开B站→控制台,查看是否点亮了vue图标,因为B站是含有vue的
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐