js移动端调试控制台_移动端调试面板插件vconsole

1. 安装 vconsole-webpack-plugin 插件npm install vconsole-webpack-plugin --save-dev

2. 修改配置文件vue.config.jsconst vConsolePlugin = require('vconsole-webpack-plugin')

module.exports = {

configureWebpack: config => {

const debug = process.env.NODE_ENV !== 'production'

let pluginsDev = [

new vConsolePlugin({

filter: [],

enable: debug

})

]

config.plugins = [...config.plugins, ...pluginsDev]

}

}

或是

configureWebpack: config => {

config.plugins.push(

//手机端调试

new vConsole({

filter: [], // 需要过滤的入口文件

enable: isVConsole === true // 生产环境不打开

})

)

}

3.使用import Vue from 'vue'

import VConsole from 'vconsole'

const vConso