在日常業務中我相信大家多多少少都有移動端的專案，移動端的專案需要真機除錯的很多東西看不到除錯起來也比較麻煩，今天給大家分享一個我認為比較好用的除錯第三方庫VConsole ，有了這個庫咱們就在手機上看控制臺了，VConsole有兩種參考方式，使用方法也很簡單
方法一：在public目錄下index.html檔案中引入vconsole.min.js
<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
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/556739.html
標籤：其他
下一篇：返回列表