移动端真机调试插件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>