vue.js看着官方文檔的從0開始瞎摸學習【Vue Devtools 安裝】

終於開始了vue.js框架的學習，因而開始看 官方文檔本身瞎摸

所以，今天要解決的第一個問題就是安裝 Vue Devtools

---

Vue.js devtools是基於google chrome瀏覽器的一款調試vue.js應用的開發者瀏覽器擴展，能夠在瀏覽器開發者工具下調試代碼。

接下來，就是安裝方法啦！
1.首先在GitHub上下載devtools的源碼。
先點擊綠色的框框【Clone or download]】，而後帶年紀彈框中的【Download Zip】下載。

2.下載好後進入vue-devtools-master工程 執行cnpm install, 下載依賴，而後執行npm run build，編譯源程序。

3.而後修改shells、chrome目錄下的mainifest.json 中的persistant爲true

4.打開谷歌瀏覽器擴展程序，並勾選開發者模式

接着，將剛剛編譯後的工程中的shells目錄下，chrome的整個文件夾直接拖拽到當前瀏覽器中，並選擇啓用，便可將插件安裝到瀏覽器。

5.打開一個已有的vue項目，運行項目，而後在瀏覽器中--->設置--->更多工具--->開發者工具，進入調試模式。發現vue.js is not detected ，能夠調整一下webpack.config.js的代碼，
而後就結束啦！

參考博客：https://www.cnblogs.com/tanyo...