移動端真機調試插件vconsole 使用方法

vue-cli 項目手機端調試神器，console.log() 檢視

第一步安裝

npm install vconsole
           

第二步

在main.js 檔案中全局引入 vconsole 插件

import Vconsole from 'vconsole';
const vConsole = new Vconsole();
export default vConsole;
           

第三部

重新啟動本地服務，

根據不同版本vue-cli 啟動指令有差别，根據自己的package.json 中的指令使用

啟動完成後打開手機右下角會有個綠色的vconsole 按鈕，點選打開移動端的審查界面

裡邊的功能很齊全！

react 或者其他自動化項目使用方法基本上類似，安裝以後 引入插件，執行個體化一下。

沒有自動化管理工具的項目使用方法

先去github 下載下傳插件

https://github.com/Tencent/vConsole

在壓縮包内找到vconsole.min.js

script 标簽引入

<script src="path/to/vconsole.min.js"></script>
<script>
  // init vConsole
  var vConsole = new VConsole();
  console.log('Hello world');
</script>