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