網上有些貼子少了至關重要的一步導致我一直沒裝上， 切記！！install後還需build，且install和build都在vue-devtools文件夾內執行

github下載地址 點擊跳轉

具體步驟：

第一步：找到vue-devtools的github項目，並將其clone到本地 vue-devtools

git clone https://github.com/vuejs/vue-devtools.git

第二步：安裝項目所需要的npm包（進入vue-devtools編譯項目文件目錄，很重要！！）

建議使用npm淘寶鏡像按照依賴包。地址：http://npm.taobao.org/

推薦閱讀文章：國內優秀npm鏡像推薦及使用

命令行安裝npm淘寶鏡像：

cd vue-devtools

$ cnpm install -g cnpm --registry=https://registry.npm.taobao.org

第三步：開始編譯項目文件（使用的淘寶鏡像就用cnpm！！！建議用此鏡像，npm會出現各種問題）

cnpm run build

第四步：打開shells>chrome>src>manifest.json並把json文件裏的 "persistent":false改成true

第五步：打開chrome瀏覽器擴展工具

點擊開發者模式；

直接將shells——chrome文件夾直接拖到瀏覽器中就可以了，大功告成。

學習vue邁進了小小一步，你很棒喲！

vue學習記錄（一）—— vue開發調試神器vue-devtools安裝