最近想调试项目发现 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.js Devtools 无法工作，如图是灰色的。 原因是我的 Chrome 安装的是标...
我的 Chrome 插件集 Vue.js devtools vue.js的调试工具 一键管理所有扩展 该插件可以快...
使用vue-cli的同学肯定知道有一个Chrome调试工具——vue-devtool。但是在国内环境很难直接在Ch...
最近在学习Vue.js，为了便于调试需要给Chrome浏览器安装vue-devtools开发工具 手动安装: 1....
Chrome开发调试工具，需要安装react-devtools插件。插件安装方法： 离线安装下载最新devtool...
下载vue调试工具插件 访问地址：vue调试工具插件[https://chrome.zzzmh.cn/info?t...
使用vue插件 使用chrome浏览器调试插件Vue.js devtools 添加一行代码Vue.config.d...
Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，...
Q：Vue.js devtool插件安装后无法使用，出现提示“vue.js not detected”的解决办法A...
Chrome浏览器安装vue、react调试工具 1.下载调试插件：https://chrome.zzzmh.cn...
本文标题：Vue 3 Chrome 调试工具 Vue.js Devtool
本文链接：https://www.haomeiwen.com/subject/ajfogltx.html
网友评论