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項目調試