前端人在做移動端項目的時候,是最痛苦的,我們需要重復的發版,利用超多的console.log("123")來定位bug的位置.直到碰到了vconsole插件,這才讓移動端的問題迎刃而解

1.安裝vconsole

cnpm install vconsole

2.在main.js中引入vconsole插件

const VConsole = require("./utils/vconsole");

3.引入之后將項目打包發到線上,就可以在頁面上看到右下角有一個綠色的vconsole按鈕,點擊之后,可以展示控制臺log,緩存localstorage,sessionstorage

?

4.注意:正式發版的時候記得注釋掉引入vconsole插件的代碼 ! 否則正式發上去,別人一打開,誒?怎么還有個綠色的按鈕?? ((= . =))?

總結

以上是生活随笔為你收集整理的移动端项目中vConsole插件的安装和使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。