本文主要介紹 vue的調試工具 vue-devtools 的安裝和使用
安裝:
1.到github下載下傳：（！下載下傳一定要記得是master主分支的代碼，預設克隆後進入的是dev分支，執行npm run build會報錯，執行git checkout master切換到master主分支）
git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目錄下安裝依賴包
| 1 2 | |
3.依賴包下載下傳完後執行npm run build,編譯打包成功後會在shells下生成chrome檔案夾。此檔案夾就是用來放入chrome的擴充程式。
npm run build 
4.擴充Chrome插件
打開Chrome浏覽器 >選擇更多工具>擴充程式 >打開開發者模式
點選加載已解壓的擴充程式, 找到剛才生成的chrome檔案夾，選擇 vue-devtools > shells > chrome 放入, 安裝成功如下圖
6. vue-devtools使用
vue項目, 打開f12, 選擇vue就可以使用了.
vue是資料驅動的, 這樣就能看到對應資料了, 友善我們進行調試
溫情提示:
1.vue必須引入開發版, 使用min壓縮版是不能使用devtools進行調試的
2.安裝後, 需要關閉浏覽器, 再重新打開, 才能使用