移動端真機除錯外掛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>