Chrome安裝vue-devTools調試-終極版

大家都說去什麼官網github上下載,完了先npm install ,再npm run build,再修改一個文件,事實上,你去運行就發現一堆問題,這裏出一個終極版文件:

鏈接:https://pan.baidu.com/s/12BWe9c1oPGzUuTRFSdMxqg
提取碼:ek76

提取出來,然後在谷歌上打開:chrome://extensions/,打開右上角的開發者模式,然後選擇在這裏插入圖片描述
然後選擇提取文件裏的chrome文件夾,面板就會出現:
在這裏插入圖片描述
瀏覽器右上角出現vue的logo並且點亮,如果不是vue項目logo是灰色,然後打開你的vue項目,打開f12:
在這裏插入圖片描述
如果f12沒有出現Vue這個選項,試試:ctrl+shift+I,點擊這個選項,就會出現調試面板了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章