vue在移动端测试环境使用vconsole

丸子吖嘿

已于 2025-05-23 14:04:39 修改

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

于 2021-05-26 10:46:01 首次发布

本文链接：https://blog.csdn.net/qq_29050279/article/details/117283465

这篇博客介绍了如何在移动端应用中安装和配置VConsole，以便在测试和开发环境中进行调试。通过运行npm命令安装vconsole和vconsole-webpack-plugin，并在vue.config.js中设置条件，确保VConsole仅在非生产环境下显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在移动端显示控制台，webpack打包环境：

1、安装

npm install vconsole --save-dev

npm install vconsole-webpack-plugin --save-dev

2、环境配置

在vue.config.js中写入如下代码：

const vConsolePlugin = require('vconsole-webpack-plugin')

module.exports = {
	configureWebpack: config => {
		//生产环境去掉vconsole调试器
		let envType = process.env.NODE_ENV != 'production'
		let pluginsDev = [
			new vConsolePlugin({
				filter: [],
				enable: envType
			})
		]
		config.plugins = [...config.plugins, ...pluginsDev]
	}
}