Vue：調試神器VConsole

自從接觸Vue後，作爲H5面對和手機端的調試總是深感麻煩。受制於網絡，除了Chrome的調試外，還有一個調試神器也不錯，那就是VConsole！

 

VConsole是騰訊開源的一個輕量、可拓展、針對手機網頁的前端開發者調試面板。

開源地址和文檔見 -> VConsole

 

這裏說一下在Vue中該如何接入：

安裝

npm install vconsole

在index.js中引入

import Vconsole from 'vconsole';
let vConsole = new Vconsole();
vConsole.setOption('maxLogNumber', 5000);
Vue.use(vConsole)

然後就可以在手機端 或者 chrome手機模式下看到右下角一個綠色的VConsole按鈕了

點擊就有類似下圖的展示面板了，可以很方便查看網絡請求，系統、log等情況