之前在開(kāi)發(fā)移動(dòng)端項(xiàng)目時(shí)，請(qǐng)求老是出問(wèn)題纵搁，最頭疼的還是不能查看控制臺(tái)的打印輸出吃衅。最開(kāi)始的調(diào)試方法就是用
alter，在需要查看數(shù)據(jù)的地方用彈框的形式進(jìn)行查看腾誉。這期間特別耗時(shí)徘层，你要打包部署，然后在真機(jī)調(diào)試一個(gè)個(gè)的去點(diǎn)確認(rèn)利职。后來(lái)同事給我介紹一個(gè)神奇vConsole趣效，它可以讓你在移動(dòng)端調(diào)試項(xiàng)目，具備和在瀏覽器調(diào)試一樣的功能猪贪。
image.png
移動(dòng)端真機(jī)調(diào)試
我最常用方法是讓手機(jī)和電腦處于同一網(wǎng)絡(luò)下跷敬，手機(jī)打開(kāi)瀏覽器通過(guò)訪問(wèn)電腦ip的形式進(jìn)行調(diào)試。也可以使用hbuilder進(jìn)行真機(jī)運(yùn)行热押。
Vconsole使用
- 安裝
npm install vconsole - 使用
main.js
import vConsole from 'vconsole' // 移動(dòng)端打印 Vue.prototype.$vConsole = new vConsole()
再次訪問(wèn)我們項(xiàng)目就可以看到一個(gè)綠色的小框框西傀，具體功能查看Github
