vConsole:针对手机网页的前端开发者调试面板,手机web页面console.log 功能,如 Chrome devtools 上一样。

398 阅读1分钟

vConsole:针对手机网页的前端开发者调试面板,移动短端console.log 功能,如devtools 上一样。

我们在开发手机版网页的时候,常常会出现下面的情景:开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到日志,不知道问题出在哪一步,这个时候我们就需要用到vConsole了。 在这里插入图片描述

使用方法: 1、使用 npm安装

npm install vconsole

2、在main.js 应用

import VConsole from 'vconsole';
console.log(process.env.NODE_ENV);
if (process.env.NODE_ENV == 'development') {
  const vConsole = new VConsole();
}

3、使用 console 等方法

// 接下来即可照常使用 `console` 等方法
console.log('Hello world');