vue-devtoools 調試工具安裝


最近在研究vue單頁面應用,一步一步用上全家桶,開發避免不了的就是調試工具,因為vue是進行數據驅動的,單從chrome里面進行element查看,查不到什么鳥東西,必須要進行對數據動向進行關查,那我就行一步一步教大安裝

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

Git的同學直接 git clone https://github.com/vuejs/vue-devtools

2.下載安成之后打開cmd進入vue-devtools文件夾把依賴裝好npm install 之后再進行npm run build

最好裝一個cnpm

3.然后打開shells>chrome>src>manifest.json 把里面的"persistent": false改為true

 

一切都萬事具備了,打開chrome

1.打開里面的設置 > 點擊擴展程序 > 點擊開發者模式

2.再點擊加載已解壓的擴展程序,然后把shells>chrome這個文件夾放入就ok了

 

你再打開一個用vue寫的網頁,你再打開chrom調試工具你就會發現

 

大功告成!祝你們開發愉快


免責聲明!

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



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