uniapp 使用vconsole

Posted 2023-04-13 zaijin.yang

1、安装vconsole

npm install vconsole

　　

2、引用vconsole，找到main.js文件中，加上以下代码（区分环境）：

if (process.env.H_NODE_ENV !== \'production\') 
	const vconsole = require(\'vconsole\')
	Vue.prototype.$vconsole = new vconsole()

　　

3、效果：

 

希望大佬看到有不对的地方，提出博主予以改正！

不同的环境显示VConsole

最近做项目的过程中，前端使用了vconsole，但是在生产环境上显示vconsole就不太好了。所以下一下方式是把生产环境的vconsole去掉，当然读者可以根据自己需求去选择。

首先要由一个vconsole.js的配置文件

import Vconsole from vconsole
let vConsole;

if(process.env.MODE!=dev)
    console.log("process.env.MODE!==dev",process.env.MODE!=dev)
    vConsole = new Vconsole()



export default vConsole

说明：process.env.MODE是获取你的环境，比如：开发、测试、或者生产。在index.js文件中我使用了process.env.MODE，所以在以上的代码端中用的这个。因为在其他人也有用“process.env.VUE_APP_ENV”的

然后在main.js中引入 vconsole

import VConsole from vconsole