有時候我們開發(fā)的移動端項目在PC端瀏覽器顯示的很正常，但是到了手機(jī)上就有問題了杰标，這可就讓人很糾結(jié)兵怯，只能盲改，如何能在手機(jī)上面查看log,查看接口請求等等腔剂，你需要使用vConsole
- 安裝vConsole
vConsole是騰訊開發(fā)的一個用于調(diào)試移動端項目的插件媒区，安裝vConsole只需執(zhí)行下面命令
npm install vConsole -D
一般情況下vConsole只應(yīng)用于開發(fā)環(huán)境，正式環(huán)境不會使用到掸犬，所以我們只需要在開發(fā)環(huán)境下使用袜漩，如何使用呢？
打開main.js登渣，然后在里面加入下面這段代碼
// 開發(fā)環(huán)境下面使用vConsole進(jìn)行調(diào)試
if (process.env.NODE_ENV === 'development') {
const VConsole = require('vconsole')
new VConsole()
}
然后啟動項目噪服，可以看到系統(tǒng)右下角會出現(xiàn)一個紅色按鈕，點開即可看到一系列調(diào)試所需的內(nèi)容
image.png
