原文連結: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。
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIiZzNzQ2M1QTYxUTOvwFcvwVbvNmL1h2cuFWaq5yd3d3Lc9CX6MHc0RHaiojIsJye.jpg)
然後加入如下代碼:
import Vconsole from 'vconsole';
const vConsole = new Vconsole();
Vue.use(vConsole)
1
2
3
3.效果
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIiZzNzQ2M1QTYxUTOvwFcvwVbvNmL1h2cuFWaq5yd3d3Lc9CX6MHc0RHaiojIsJye.jpg)
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIiZzNzQ2M1QTYxUTOvwFcvwVbvNmL1h2cuFWaq5yd3d3Lc9CX6MHc0RHaiojIsJye.jpg)
這樣在手機端就可以看到報錯資訊了,友善排查問題。