最近想调试项目发现 Vue.js Devtools 无法工作,如图是灰色的。
原因是我的 Chrome 安装的是标准版本的 Vue.js Devtools 插件,在 Vue 3 项目中是无法正常使用的,需要安装与之对应的是 Vue.js Devtools beta 版本。
能科学上网的话可以直接去 Vue Devtools 官网👇,点beta channel
去谷歌扩展应用商店安装。
或者点这里(见评论)下载。
下载完把crx
文件拖到扩展程序(chrome://extensions/
)里安装就可以了。
对了,别忘了禁用稳定版和开启“允许访问文件网址”。
然后点击🧩按钮让我们的 Vue.js Devtools 显示在浏览器右侧的插件工具栏上。
关闭 tab 再重新打开项目,就可以愉快地使用啦。