H5调试之vconsole

117 阅读1分钟
  1. 安装依赖vconsole

    yarn add vconsole
    //或者
    npm i vconsole
    
  2. 配置环境变量(此步骤可省略),我选择只在测试环境开启调试

    // .env.development文件
    VUE_APP_DEBUG = false
    
    // .env.test文件
    VUE_APP_DEBUG = true
    
    // .env.production文件
    VUE_APP_DEBUG = false
    
  3. 创建vconsole实例

    // main.js
    import VConsole from 'vconsole';
    
    if (process.env.VUE_APP_DEBUG === 'true') {
      const vConsole = new VConsole();
    }
    
    // 若未配置环境变量,只需下面👇代码
    const vConsole = new VConsole();