VUE移动端调试工具vConsole

之前在开发移动端的项目的时候，就只是在Chrome浏览器的开发者模式下，调整成手机模式来开发，一则是为了看UI样式，二则是为了看控制台输出。
但是当我写了很多CSS样式以后，把页面在真机上打开，就有很多样式的地方是和浏览器不一样的，既然这样，那么就一直在手机上打开，但是手机上打开，又不能看控制台输出。急死人。
于是在网上搜了一圈，然后试了试vconsole，既可以在手机上看，又可以调试。所以就记录下来，免得忘记了。

安装

npm install vconsole -D

引入

在vue项目的main.js文件中写入

import VConsole from 'vconsole';
Vue.prototype.$vconsole = new VConsole();

重新运行后，打开手机端查看