安裝

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.可操作組件查看信息變化(例如分頁組件)選擇第一頁：

選擇最后一頁：

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。