VConsole——Vue项目中使用手机网页的前端 console 调试面板

一、安装
使用 npm ：

npm install vconsole

二、在Vue项目中引入
1、在 mian.js 文件夹中引入，并判断production环境使用

import VConsole from 'vconsole'

if (process.env.NODE_ENV === 'production') {
  new VConsole()
}

• 请注意，VConsole 只是 vConsole 的原型，而非一个已实例化的对象。所以在手动 new 实例化之前，vConsole 不会被插入到网页中。

三、重新编译代码后打开手机端，可以看到Vconsole了