vue-devtools是一款基於chrome遊覽器的外掛，以前很少用到這個，昨天想要清晰的看看裡面的內容，於是想要下載一個外掛。但由於電腦沒FQ，所以就不能直接在chrome商店裡下載。
一、在github上找到vue-devtools的專案，將其clone到本地。
git clone https://github.com/vuejs/vue-devtools.git
二、可以通過cmd，在資料夾裡安裝專案所需要的npm包。
npm install //如果太慢的話，可以安裝一個cnpm, 然後命令換成 cnpm install
三、編譯專案檔案
npm run build
四、修改shells、chrome目錄下的mainifest.json 中的persistant為true
看到一個文章解釋了一下為什麼要設定為true，想想自己的專案，感覺似乎並不需要將"persistent"設定為true。
原文如下：
"background": 你的擴充套件如果需要什麼在後臺持續執行的部分，就可以通過這個欄位來指出。不僅是js，你還可以指定一個自己編寫的html，像這樣： "background": { "page": "background.html", "scripts": ["background.js"], "persistent": false } 如果僅僅指定js，chrome會自己生成一個html來在後臺跑你指定的指令碼；當然如果指定了你自己寫的html，它也不會顯示出來。 "persistent"值預設為true。為true時，你在background欄位中指出的js指令碼（注意格式是陣列，因而可以有多個指令碼）將持續執行在後臺，而若persistent為false，則這些指令碼將只在事件活動時執行，事件不活動時就會釋放其佔有的記憶體等資源。
有關manifest.json檔案的介紹文章，可以再讀一讀，http://www.cnblogs.com/ligerleng/p/gmail_assist_1.html。
還有關於Chrome擴充套件中指令碼的執行機制和通訊方式http://www.cnblogs.com/ligerleng/p/gmail_assist_2.html。
五、新增至chrome瀏覽器
在瀏覽器輸入地址“chrome://extensions/”進入擴充套件程式頁面，開啟開發者模式，點選“載入已解壓的擴充套件程式”，選擇vue-devtools>shells下的chrome資料夾。
六、然而好像報錯了...我我我我，重啟了vue專案好像又好了。那兩個問題還是需要看一下，雖然現在可以用了，但是一直提示Vue.js is detected on this page. Open DevTools and look for the Vue panel.
