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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM