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

網上有些貼子少了相當重要的一步致使我一直沒裝上， 切記！！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 install

　　

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

cnpm run build

 

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

 

 

 

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

點擊開發者模式；

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

 

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