H5调试之vconsole

简介: H5调试之vconsole
  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();
     }
    
目录
相关文章
|
6月前
|
移动开发 前端开发 CDN
移动端H5引入vconsole进行调试
移动端H5引入vconsole进行调试
334 0
|
3月前
Vue3项目打包时开启 Gzip 压缩和移动端调试时开启 vConsole 调试
本文介绍了如何在Vue3项目中配置开启Gzip压缩以减小打包文件体积,并在移动端调试时集成vConsole插件,同时使用webpack-bundle-analyzer插件进行打包分析。
347 0
Vue3项目打包时开启 Gzip 压缩和移动端调试时开启 vConsole 调试
|
4月前
|
Web App开发 JavaScript 前端开发
js 调试—— 【控制台】debugger语句 、 命令行API
js 调试—— 【控制台】debugger语句 、 命令行API
264 0
|
iOS开发
LLDB 调试命令、插件和技巧(上)
LLDB 调试命令、插件和技巧(上)
638 0
|
6月前
|
JSON 测试技术 数据安全/隐私保护
如何调试cypress脚本?
如何调试cypress脚本?
如何调试cypress脚本?
|
JavaScript
如何在egret项目中加入vconsole打印日志
如何在egret项目中加入vconsole打印日志
47 0
|
移动开发 前端开发
uniapp真机调试,添加vconsole
uniapp真机调试,添加vconsole
298 0
|
前端开发
不同的环境显示VConsole
不同的环境显示VConsole
171 0
|
测试技术
插件调试
插件调试
102 0
|
移动开发 CDN
vConsole:H5控制台调试工具
vConsole:H5控制台调试工具
333 0