作者混元霹靂手-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