有时候我们开发的移动端项目在PC
端浏览器显示的很正常,但是到了手机上就有问题了,这可就让人很纠结,只能盲改,如何能在手机上面查看log
,查看接口请求等等,你需要使用vConsole
- 安装vConsole
vConsole是腾讯开发的一个用于调试移动端项目的插件,安装vConsole只需执行下面命令
npm install vConsole -D
一般情况下vConsole
只应用于开发环境,正式环境不会使用到,所以我们只需要在开发环境下使用,如何使用呢?
打开main.js
,然后在里面加入下面这段代码
// 开发环境下面使用vConsole进行调试
if (process.env.NODE_ENV === 'development') {
const VConsole = require('vconsole')
new VConsole()
}
然后启动项目,可以看到系统右下角会出现一个红色按钮,点开即可看到一系列调试所需的内容