Vue中devtools安裝使用

vue.js的devtools安裝

安裝

1.github下載地址：https://github.com/vuejs/vue-devtools

2.下載好後進入vue-devtools-master工程  執行npm install ----->npm run build.

3.修改manifest.json 中的persistent爲true

 

4.打開谷歌瀏覽器設置--->擴展程序--》勾選開發者模式---》添加工程中的shells-->chrome的內容或者直接拖動shells-->chrome，至此恭喜已經安裝成功！！！

 

5.打開本身的vue項目中，若是是有vue-cli構建的項目，執行npm run dev,打開http://localhost:8080/ 服務器調試地址；至此完成devtools的安裝；

 

使用

 

打開vue項目,在控制檯選擇vue：

 

5. 可操做組件查看信息變化(例如分頁組件)

 選擇第一頁：

 

 

 選擇最後一頁：

 

 

 

 

 

 

來自：  http://www.cnblogs.com/lolDragon/