前端必須知道的手機調試工具vConsole

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>

再到需要查看控制台的頁面的created中使用new vConsole 實例

  created() {
    var vConsole = new window.VConsole();
    console.log(vConsole);
 }，

beforeDestroy() {
    vConsole.destroy();// 不需要用到時銷毀
},

接下來咱們就能在頁面上看到

方法二：cmd用npm安裝VConsole

npm install vconsole

安裝完成直接進入項目引入使用即可

import VConsole from 'vconsole';
creatrd(){
const vConsole = new VConsole();
// 兩種方法取其一
const vConsole = new VConsole({ theme: 'dark' });


// 列印測試
console.log('Hello world');
},
beforeDestroy() {
    vConsole.destroy();// 不需要用到時銷毀
},

兩種方法效果相同，我傾向於第一種方法比較方便

PS：還有註意了，調試完成一定一定一定記得刪除

更多vConsole使用教程方法可以去
github：https://github.com/Tencent/vConsole

gitee：https://gitee.com/Tencent/vConsole