安裝vue-devtools插件


ue-devtools是一款基於chrome瀏覽器的插件,用於vue應用的調試,這款vue調試神器可以極大地提高我們的調試效率。幫助我們快速的調試開發vue應用

方法一:打開谷歌瀏覽器,點擊最右邊的三個豎向小圓點,更多工具--擴展程序,在谷歌商店搜索 vue devtools,然后點擊安裝即可

方法二:原文參考https://www.cnblogs.com/feiyu159/p/8666865.html

1)首先在github下載devtools源碼,地址:https://github.com/vuejs/vue-devtools

2) 按住shift 選中下載好的devtools文件夾,選擇 在此處打開powershell窗口,輸入命令:cnpm install ,安裝依賴,命令執行成功后,當前文件夾里會多一個node_modules文件夾(即安裝好的依賴)

3)然后執行cnpm run build,編譯源程序

4)修改shells-->chrome目錄下的mainifest.json 中的persistant為true:可以在打開方式里選擇筆記本打開mainifest.json文件並修改

5)開谷歌瀏覽器的設置--->擴展程序,並勾選開發者模式(在瀏覽器最右側上方)

6)然后將剛剛編譯后的工程中的shells目錄下,chrome的整個文件夾直接拖拽到當前瀏覽器中,並選擇啟用,即可將插件安裝到瀏覽器。此時發現瀏覽器右上角多了一個Vue的小圖標

7)重啟自己的vue項目瀏覽器也要重啟,點擊如圖所示的雙箭頭,下面會多出一個vue,點擊vue即可開始vue項目調試

 


免責聲明!

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



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