Vue 3 Chrome 调试工具 Vue.js Devtools beta

最近想调试项目发现 Vue.js Devtools 无法工作,如图是灰色的。

原因是我的 Chrome 安装的是标准版本的 Vue.js Devtools 插件,在 Vue 3 项目中是无法正常使用的,需要安装与之对应的是 Vue.js Devtools beta 版本。

能科学上网的话可以直接去 Vue Devtools 官网,点beta channel去谷歌扩展应用商店安装。

需要下载 beta 版

或者点这里(见评论)下载。
下载完把crx文件拖到扩展程序(chrome://extensions/)里安装就可以了。

对了,别忘了禁用稳定版和开启“允许访问文件网址”。

然后点击按钮让我们的 Vue.js Devtools 显示在浏览器右侧的插件工具栏上。

关闭 tab 再重新打开项目,就可以愉快地使用啦。

你可能感兴趣的:(Vue 3 Chrome 调试工具 Vue.js Devtools beta)