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();
     }
    
目录
相关文章
|
1月前
|
移动开发 前端开发 CDN
移动端H5引入vconsole进行调试
移动端H5引入vconsole进行调试
47 0
|
5月前
|
Web App开发 JavaScript 前端开发
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
102 0
|
3月前
|
JSON 测试技术 数据安全/隐私保护
如何调试cypress脚本?
如何调试cypress脚本?
如何调试cypress脚本?
|
iOS开发
LLDB 调试命令、插件和技巧(上)
LLDB 调试命令、插件和技巧(上)
514 0
|
4月前
|
Web App开发 资源调度 JavaScript
vscode-vue-debug
vscode-vue-debug
50 0
|
8月前
|
移动开发 前端开发
uniapp真机调试,添加vconsole
uniapp真机调试,添加vconsole
143 0
|
9月前
|
前端开发
不同的环境显示VConsole
不同的环境显示VConsole
71 0
|
11月前
|
Web App开发 前端开发 JavaScript
记一次chrome插件调试
记一次chrome插件调试
|
移动开发 CDN
vConsole:H5控制台调试工具
vConsole:H5控制台调试工具
288 0
|
iOS开发
LLDB 调试命令、插件和技巧(中)
LLDB 调试命令、插件和技巧(中)
389 0