天天看點

vconsole使用方法 vue_Vue使用vconsole在手機端調試代碼,親測有效

原文連結:https://blog.csdn.net/Yang_Yang_66666/article/details/90290415?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param

這段時間在做手機App項目,有時候我們會遇到一些問題需要在手機端調試。下面介紹vconsole神器的使用方法。

安裝

直接執行npm install vconsole 指令導入相關依賴

引入

在項目目錄中找到main.js。

vconsole使用方法 vue_Vue使用vconsole在手機端調試代碼,親測有效

然後加入如下代碼:

import Vconsole from 'vconsole';

const vConsole = new Vconsole();

Vue.use(vConsole)

1

2

3

3.效果

vconsole使用方法 vue_Vue使用vconsole在手機端調試代碼,親測有效
vconsole使用方法 vue_Vue使用vconsole在手機端調試代碼,親測有效

這樣在手機端就可以看到報錯資訊了,友善排查問題。