移动端vConsole使用方法(附带vue使用方法)

平时在web应用开发过程中，我们可以console.log去输出一些信息，但是在移动端，也就是在手机上，console.log的信息我们是看不到的，这时候就需要移动端调试工具vConsole

图片我截图了一部分，数据都是假的，大家就看vConsole的效果就好。

那么，如果将console.log应用到移动端呢？
需要借助第三方插件：vConsole

第一种用法：引入js文件
下载最新版https://github.com/Tencent/vConsole/releases/latest

<script src="vconsole.min.js"></script>
<script>
  // 初始化
  var vConsole = new VConsole();
  console.log('Hello world');
</script>

第二种用法：npm命令

先执行命令 npm i vconsole
然后在文件中加入代码，就可以打印日志了

import  VConsole  from  'vconsole';
let vConsole = new VConsole();
console.log("test");

以上均为转载，以下记录vue使用vConsole方法（原链接是俩个合并的，要看的话自行拆分）

首先npm引入

npm install vconsole -S

main.js

import * as vConsole from 'vconsole'


if (process.env.VUE_APP_FLAG !== 'PROD') {
  // eslint-disable-next-line no-new,new-cap
  new vConsole()
}

附上我的版本

"vconsole": "^3.14.1",
    "vue": "^2.6.11",