移動端調試神器 vConsole

不管是vue項目還是react項目都适用

前言：

平時在web應用開發過程中，我們可以console.log去輸出一些資訊，但是在移動端，也就是在手機上，console.log的資訊我們是看不到的。

這種情況下，可以選擇使用alert彈出一些資訊，但是這種方法不怎麼友善，也會阻斷JS線程，導緻後面的線程都不執行。也影響調試體驗。

那麼，如果将console.log應用到移動端呢？

需要借助第三方插件：vConsole

首先下載下傳依賴 ：

// 首先使用 npm 下載下傳依賴
npm install vconsole 
// 然後将它引入進來
import VConsole from 'vconsole';

// 開發環境下面使用vConsole進行調試, 生産環境production(線上)上就不顯示
if (process.env.NODE_ENV === 'development') {
    const vConsole = new VConsole();
  }