在使用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安裝完畢！可以打開控制臺體驗一下，具體它有什麽用，估計你用段時間就會覺得爽歪歪了。。。

Vue開發之devtools