移动端项目中使用vConsole进行调试

原创已于 2022-03-13 10:37:55 修改 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

于 2022-01-25 15:01:32 首次发布

vue实战同时被 3 个专栏收录

28 篇文章

订阅专栏

17 篇文章

订阅专栏

移动端

4 篇文章

订阅专栏

本文介绍如何在移动端使用vConsole进行调试。通过简单的几步配置，即可实现在非生产环境及特定条件下生产环境的调试功能。

1.安装

npm i -s vconsole

或者在header中引入

2.在主入口文件main.js中添加以下代码

if (process.env.NODE_ENV !== "production" || /vConsole/.test(location.href)) {
  const VConsole = require('vconsole'); //  3.引入
  const vConsole = new VConsole(); // 4.实例化
  localStorage.setItem('vConsole_switch_x', 80)
  localStorage.setItem('vConsole_switch_y', 200)
}```
/*
/vConsole/.test(location.href) 表示打开 生产环境url?test=vConsole 时，也可以在生产环境进行调试了
*/ 

5.可以在移动端中使用啦