项目场景:
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插件管理页面,右上角的开发者模式需要打开。
然后在插件详情中,开启 允许访问文件网址