安裝
1.github下載地址:https://github.com/vuejs/vue-devtools
2.下載好后進入vue-devtools-master工程 執(zhí)行npm install ----->npm run build.
3.修改manifest.json 中的persistent為true
manifest.json.png
4.打開谷歌瀏覽器設(shè)置--->擴展程序--》勾選開發(fā)者模式---》添加工程中的shells-->chrome的內(nèi)容或者直接拖動shells-->chrome盏筐,至此恭喜已經(jīng)安裝成功T一洹!簿寂!
谷歌擴展程序.png
5.打開自己的vue項目中常遂,如果是有vue-cli構(gòu)建的項目,執(zhí)行npm run dev,打開http://localhost:8080/ 服務(wù)器調(diào)試地址烈钞;至此完成devtools的安裝;
使用
打開vue項目,在控制臺選擇vue:
控制臺使用VUE.jpg
5. 可操作組件查看信息變化(例如分頁組件)
選擇第一頁:
操作組件.jpg
*選擇最后一頁:
最后一頁.jpg