本人是下载的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的