什么是 webconsole-console
webconsole-console 是一个 npm 包，可以帮助前端开发者在浏览器控制台中输出各种调试信息，包括不仅限于 console.log、console.error、console.warn、console.info 等。与原生的 console 不同的是，webconsole-console 还提供了一些增强功能，如时间戳、多行输出、颜色输出等。
安装
在命令行中输入以下命令：
npm install --save webconsole-console
或者在 package.json 文件中添加以下代码后，运行 npm install：
"dependencies": {
"webconsole-console": "^1.0.0"
}使用
在你的 js 文件中引入 webconsole-console：
import wcc from 'webconsole-console';
然后就可以使用 wcc 相关的方法了，例如：
wcc.log('Hello wcc!');
wcc.error('This is a error message.');
wcc.warn('Warning: something went wrong.');
wcc.info('Here is some information.');
wcc.time('count'); // 开始计时
for (let i = 0; i < 100000; i++);
wcc.timeEnd('count'); // 结束计时更多方法请查看 官方文档。
贴心提示
- 在生产环境中请勿使用 webconsole-console。建议使用原生的 console。
- 控制台输出过多会影响页面性能，请谨慎使用。
- webconsole-console 不会自动清除控制台输出，如需清除请手动点击清除按钮。
总结
使用 webconsole-console 可以更方便地输出调试信息，同时增加了一些增强功能，有助于提升开发效率。但是，在实际使用中应注意使用场景和性能优化。
示例代码
-- -------------------- ---- ------- ------ --- ---- --------------------- -------------- ------- --------------- -- - ----- ----------- ------------------ --------- ---- --------- -------------- -- ---- --------------- ------------------ -- ---- --- ---- - - -- - - ------- ----- --------------------- -- ----
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671048dd3466f61ffdc8f