本文主要介紹 vue的調試工具 vue-devtools 的安裝和使用
工欲善其事, 必先利其器, 快來用vue-devtools來調試開發你的vue項目吧
安裝:
1.到github下載下傳：
2.在vue-devtools目錄下安裝依賴包
cd vue-devtools
npm install
// 如果網速不好，可以用cnpm install 來代替
// 淘寶鏡像安裝 npm config set registry https://registry.npm.taobao.org
3.修改manifest.json檔案
把"persistent":false改成true
4.編譯代碼
記得一定要進行編譯呦！
5.擴充Chrome插件
Chrome浏覽器 > 更多工具 > 擴充程式
打開開發者模式，點選加載已解壓的擴充程式
選擇vue-devtools/packages/shell-chrome這個檔案，
然而報錯了
why？為什麼會報錯呢？
分析原因，說明build/hook.js沒有找到，那我們看一下
vue-devtools/packages/shell-chrome/manifest.json這個檔案
截圖如下：
看圖會發現，在vue-devtools/packages/shell-chrome/manifest.json這個檔案中引用的build/hook.js根本不存在，因為沒有build這個檔案夾，hook.js是放在src這個檔案下面的，把manifest.json這個檔案中的build改為src，npm run build ，再在chrome擴充程式中，打開開發者模式，點選加載已解壓的擴充程式，就可以了。
截圖如下：
6. vue-devtools使用
具體怎麼使用，大家可以去百度一下。
可以直接去https://github.com/arcliang/Vue-Devtools-直接clone下來，直接使用。
溫情提示:
1.vue必須引入開發版, 使用min壓縮版是不能使用devtools進行調試的
2.安裝後, 需要關閉浏覽器, 再重新打開, 才能使用