当前位置: 首页 > 工具软件 > script.js > 使用案例 >

H5引入和使用vConsole.min.js

阳凌
2023-12-01

vConsole github地址

vConsole 是腾讯开源的项目,这就简单的介绍一下使用

下载 vConsole 的最新版本。(不要直接下载 dev 分支下的 dist/vconsole.min.js)
或者使用 npm 安装:

npm install vconsole

引入 dist/vconsole.min.js 到项目中:

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

或者手动引入vconsole.min.js:

<script src="项目的路径/vconsole.min.js"></script>
<script>
  // 初始化
  var vConsole = new VConsole();
  console.log('Hello world');
</script>

或者去BootCDN搜索对应的版本引入

<script type="text/javascript" src="https://vncdn.mobi88.cn/public/vconsole.min.js"></script>
<!--script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script-->
// 初始化
var vConsole = new VConsole();
console.log('Hello world');

使用

<script type="text/javascript">
// 初始化vConsole
window.vConsole = new window.VConsole();
console.log("Hello world");
console.info("Hello world");
console.debug("Hello world");
console.warn("Hello world");
console.error("Hello world");
</script>

vConsole 销毁

window.vConsole.destroy();
 类似资料: