在使用vue-cli開發SPA應用的時候,經常看到控制台會提示
說是下載Vue Devtools擴展以獲得更好的開發體驗,那么vue-devtools是什么呢?我們不妨點擊他們給的GitHub地址,一看究竟。
https://github.com/vuejs/vue-devtools
這里我們看到已經獲得將近3.7k star了,看來支持的人不少。
1.這里我們把它克隆到本地,或者直接下載
2.然后找到文件夾按住shift右擊選擇在此處打開命令行-Windows系統(Mac系統快速打開終端清參考https://jingyan.baidu.com/article/ce436649281a293773afd3d8.html)
3.執行命令cnpm i (安裝依賴)
4.執行命令 cnpm run build (講下載下來的文件打包)
5.打開谷歌瀏覽器從右上角進入設置
這邊選擇開發者模式,然后選擇加載已解壓的擴展程序
然后選擇文件夾里shell文件的chrome
好了,到此為止擴展程序devtools安裝完畢!可以打開控制台體驗一下,具體它有什么用,估計你用段時間就會覺得爽歪歪了。。。