vue-devtools 必備開發工具

做者混元霹靂手-Ziksang

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

1.github下載地址：github.com/vuejs/vue-d…

有git的同窗直接 git clone github.com/vuejs/vue-d…

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調試工具你就會發現

大功告成！祝大家開發愉快

渣渣前端開發工程師，喜歡鑽研，熱愛分享和講解教學， 微信 zzx1994428 QQ494755899

支持我繼續創做和感到有收穫的話，請向我打賞點吧

若是轉載請標註出自@混元霹靂手ziksang