Vue3中使用调试工具 Vue.js Devtools


如果安装的是正常版本的Vue.js Devtools,在vue3的项目中无法正常使用,是灰色的

网上查了很多方法:
比如检查 manifest.json 文件,把 "persistent": false,改为:true (我电脑中的地址:C:\Users\lu\AppData\Local\Google\Chrome\User Data\Default\Extensions\pnhdnpnnffpijjbnhnipkehhibchdeok\0.12.0_0)
等等。。。
在尝试了各种方法之后,最终发现是vue3的问题,使用vue3需要使用Beta版本的 devtools
卸载了之前的 vue2 的Devtools调试工具,重新安装Beta版本后可以正常使用了

安装方法:

1、下载Beta版本的 devtools
2、打开谷歌浏览器的插件页面 chrome://extensions/,把下载好的调试工具解压拖动到该页面放开,会跳出是否添加插件,添加就可以了
3、插件页面要打开开发者模式

插件开关打开,点详细信息

打开允许访问文件网址

点击浏览器右上角的插件图标,点击固定,让调试工具固定显示就可以了

关闭页面重新打开,按F12,就可以看到多了一个vue选项


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM