vConsole github地址
vConsole 是騰訊開(kāi)源的項(xiàng)目婚惫，這就簡(jiǎn)單的介紹一下使用
使用npm引入vconsole.min.js
下載 vConsole 的最新版本。（不要直接下載 dev 分支下的 dist/vconsole.min.js）
或者使用 npm 安裝：
npm install vconsole
引入 dist/vconsole.min.js 到項(xiàng)目中：
<script src="path/to/vconsole.min.js"></script>
<script>
// 初始化
var vConsole = new VConsole();
console.log('Hello world');
</script>
手動(dòng)引入vconsole.min.js
<script src="項(xiàng)目的路徑/vconsole.min.js"></script>
<script>
// 初始化
var vConsole = new VConsole();
console.log('Hello world');
</script>
或者去BootCDN搜索對(duì)應(yīng)的版本引入
<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
<script>
// 初始化
var vConsole = new VConsole();
console.log('Hello world');
</script>
使用
<script>
// 初始化vConsole
window.vConsole = new window.VConsole();
</script>
js中打印
普通日志(log)
console.log("Hello world");
信息日志(info)
console.info("Hello world");
調(diào)試日志(debug)
console.debug("Hello world");
警告日志(warn)
console.warn("Hello world");
報(bào)錯(cuò)日志(error)
console.error("Hello world");
打印Object
console.log({
string: 'foobar',
number: 233,
boolean: true,
object: {
foo: 'bar'
},
array: [8, 7, 6],
func: function() {}
});
vConsole 銷毀
window.vConsole.destroy();
