從github上拉取vue-devtools。地址https://github.com/vuejs/vue-devtools
拉取到本地之后,編輯器打開,建議不要使用npm install,然后npm run build(因為npm build時可能會報錯找不到webpack模塊,我查了下很多大佬提供了解決辦法,由於我用下面的安裝方法,很快就安裝好了,所以推薦用yarn啊)(主要是我依然不會解決用npm build會報錯的問題呀)
終端輸入yarn install,然后yarn build(這里可能會一直卡在building fresh packages下載)
注意:這里可能一直卡在building fresh packages下載,遇到這種情況的解決辦法是將C:\Users\Lenovo\.yarnrc里面修改成下面這樣就歐克啦
registry "https://registry.npm.taobao.org"
electron_mirror "https://npm.taobao.org/mirrors/electron/"
再試試yarn build是不是很快就bulid完成了,之后就簡單了
打開chrome的擴展工具(chrome://extensions/),檢查是否處於開發者模式(不是就切換到開發者模式),點擊加載已解壓的擴展程序,選擇vue-devtools\packages\shell-chrome文件夾就大功告成了。
什么?你打開開發者工具之后沒有找到vue,那么重啟瀏覽器,並打開一個vue程序之后,就能看到開發者工具element那一欄后面就有個vue了,現在可以使用vue-devtools對vue程序進行調試了。
有不對的地方,還望大佬指教,有待補充改正。
大佬如果知道如何解決npm build會報錯的問題,歡迎指教啊