【Vue3 使用 Devtools工具,插件Icon不亮,F12,不显示 vue 标签的解决办法】

项目场景:

Vue3 使用 devtools 调试工具


问题描述

Chrome 需要翻墙,devtools github 中 add-remote-devtools 分支生成的插件,安装到 Chrome 上后提示 Vue.js not detected,并且是灰色的。F12中无 vue 标签


原因分析:

网上查资料,得知,vue3 需要使用 beta 版本的 插件(只能使用开发版,不能使用发布版)


解决方案:

进入极简插件主页,右上角搜索vue,选择 Vue.js Devtools(Icon上有beta字样)。
下载得到一个zip文件,解压后,将里面的crx文件直接鼠标左键挪到chrome的插件管理页面。
需要注意,chrome插件管理页面,右上角的开发者模式需要打开。
然后在插件详情中,开启 允许访问文件网址

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值