vconsole 调试插件

d65de172-e030-481b-bbf4-5716d2eb1e97.png

1. 安装

npm i vconsole

2. 使用
   main.js 定义全局变量, 配合环境参数实现是否启用

// 配置环境参数 VUE_APP_VCONSOLE = true / false 控制是否启用
Vue.prototype.$vconsole = process.env.VUE_APP_VCONSOLE

APP.vue 调用使用

import VConsole from "vconsole"

onLaunch: function() {
    // #ifdef H5
    if (this.$vconsole) {
        let vconsole = new VConsole()
    }
    // #endif
    console.log('App Launch')
},

注意:

• 仅在H5平台生效，需添加// #ifdef H5条件编译。
• 生产环境建议关闭调试模式.