問題
由于node安裝路徑有問題
這個可以在系統(tǒng)環(huán)境中進行配置，具體可以參考下邊
里的環(huán)境變量設置；
（注意：最關鍵的是如果之前用cmd或者git都是和上圖一樣，那么就把vue-dectools文件刪除，重新下載一份，在按照上邊的步驟安裝就可以）
安裝步驟
1、在github下載devtools源碼
https://github.com/vuejs/vue-devtools](https://github.com/vuejs/vue-devtools)
2、在cmd窗口下安裝相關工具包
1）、在Windows下安裝node.js
下載穩(wěn)定版并安裝，之后在cmd中輸入node -v查看是否已經(jīng)安裝成功 ，如果有版本號顯示，則代表安裝成功；由于node.js自帶npm，我們在cmd中輸入npm –v后也會顯示其版本號。
2）、配置npm的全局模塊的存放路徑以及cache的路徑
在nodejs下建立“node_global”及“node_cache”兩個文件夾，用命令npm config set prefix "D:\node\nodejs\node_global"設置global，用命令npmconfig set cache "D:\node\nodejs\node_cache"設置cache。
《3）、設置環(huán)境變量
修改用戶變量PATH：把"D:\node\nodejs\node_global "加到后面；新增系統(tǒng)變量NODE_PATH：設置成“D:\node\nodejs\node_global\node_modules”。
4）、安裝cnpm
安裝命令為：npm install-g cnpm --registry=https://registry.npm.taobao.org
說明：由于許多npm包都在國外，用淘寶的鏡像服務器，對依賴的module進行安裝?！?br>
《或者直接添加環(huán)境變量將對應的node以及對應的npm所在文件夾的路徑添加到環(huán)境即可
在path里邊添加路徑就可以了
》
5）、用cnpm安裝vue
安裝命令為：cnpm install vue –g//或者直接npm install
6）、安裝vue命令行工具
安裝命令為：cnpm installvue-cli –g
3、在vue-devtools-master工程中執(zhí)行命令
執(zhí)行cnpm install，下載依賴
執(zhí)行npm run build，編譯源程序
4、編譯完成后修改數(shù)據(jù)
修改shellsèchrome目錄下的mainifest.json 中的persistant為true
5、設置谷歌瀏覽器的擴展程序
勾選開發(fā)者模式，然后將剛剛編譯后的工程中的shells目錄下，chrome的整個文件夾直接拖拽到當前瀏覽器中，并選擇啟用，即可將插件安裝到瀏覽器。
