安裝vue-devtools以及遇到的問題


從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會報錯的問題,歡迎指教啊


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM