之前在开发移动端项目时，请求老是出问题，最头疼的还是不能查看控制台的打印输出。最开始的调试方法就是用
alter，在需要查看数据的地方用弹框的形式进行查看。这期间特别耗时，你要打包部署，然后在真机调试一个个的去点确认。后来同事给我介绍一个神奇vConsole，它可以让你在移动端调试项目，具备和在浏览器调试一样的功能。
image.png
移动端真机调试
我最常用方法是让手机和电脑处于同一网络下，手机打开浏览器通过访问电脑ip的形式进行调试。也可以使用hbuilder进行真机运行。
Vconsole使用
- 安装
npm install vconsole - 使用
main.js
import vConsole from 'vconsole' // 移动端打印 Vue.prototype.$vConsole = new vConsole()
再次访问我们项目就可以看到一个绿色的小框框，具体功能查看Github
