调试神器vConsole的使用

·29·1 分钟阅读
调试

方法一:使用 npm(推荐)

安装:

npm install vconsole

使用:

import VConsole from 'vconsole';
const vConsole = new VConsole();
// 接下来即可照常使用 `console` 等方法
console.log('Hello world');
// 结束调试后,可移除掉
vConsole.destroy();

方法二:使用 CDN 直接插入到 HTML

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // VConsole 默认会挂载到 `window.VConsole` 上
  var vConsole = new window.VConsole();
  // 接下来即可照常使用 `console` 等方法
  console.log("Hello world");

  // 结束调试后,可移除掉
  vConsole.destroy();
</script>