介绍
mark_logger 是一个简单易用的 npm 包，用于在前台页面中输出打印日志。与 console.log 相比，mark_logger 可以在输出中添加格式化的标签，方便区分不同类型的日志。
安装
你可以通过 npm 安装 mark_logger：
npm install mark_logger --save
使用方法
使用 mark_logger 非常简单，只需要在需要打印日志的地方引入 mark_logger 并调用相应的方法。
引入
import MarkLogger from 'mark_logger'; const logger = new MarkLogger();
打印日志
在需要打印日志的地方调用 logger.log()：
logger.log('Hello, world!');打印结果为：
[mark] Hello, world!
其中 [mark] 为默认标签。
添加标签
你可以在调用 logger.log() 时添加标签，例如：
logger.log('Hello, world!', 'info');打印结果为：
[info] Hello, world!
可以看到，输出中的标签已经变成了 info。
自定义标签
你可以在初始化 MarkLogger 时传递参数来自定义标签。例如：
const logger = new MarkLogger(['debug', 'error']);
logger.log('Hello, world!', 'debug');打印结果为：
[debug] Hello, world!
可以看到，输出中的标签已经变成了 debug。
颜色标记
除了标签外，你还可以为不同类型的日志添加不同的颜色标记，方便区分不同类型的日志。例如：
const logger = new MarkLogger(['debug', 'error'], {
debug: '#ff5b5b',
error: '#bd2f2f'
});
logger.log('Hello, world!', 'debug');
logger.log('Oops, something went wrong.', 'error');打印结果为：
可以看到，输出中的 debug 标签被赋予了红色，error 标签被赋予了紫色。
总结
mark_logger 是一个简单易用的前台日志输出库，可以帮助你快速记录不同类型的日志。在前端开发中，良好的日志记录非常重要，可以帮助我们更快地定位问题。希望 mark_logger 能为你带来帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558aa81e8991b448d5fa8