最近想調(diào)試項目發(fā)現(xiàn) Vue.js Devtools 無法工作田柔,如圖是灰色的侠姑。
原因是我的 Chrome 安裝的是標準版本的 Vue.js Devtools 插件,在 Vue 3 項目中是無法正常使用的,需要安裝與之對應的是 Vue.js Devtools beta 版本琢唾。
能科學上網(wǎng)的話可以直接去 Vue Devtools 官網(wǎng)??,點beta channel
去谷歌擴展應用商店安裝和敬。
或者點這里(見評論)下載凹炸。
下載完把crx
文件拖到擴展程序(chrome://extensions/
)里安裝就可以了。
對了昼弟,別忘了禁用穩(wěn)定版和開啟“允許訪問文件網(wǎng)址”啤它。
然后點擊??按鈕讓我們的 Vue.js Devtools 顯示在瀏覽器右側的插件工具欄上。
關閉 tab 再重新打開項目舱痘,就可以愉快地使用啦变骡。