在开发前端应用程序的过程中，我们需要不断地查看日志以便调试和优化程序。在这种情况下，使用npm包winston-logs-display就是一个很好的选择。
winston-logs-display简介
winston-logs-display是一种轻量级的日志显示器工具，可以帮助您轻松地对程序的日志进行显示和管理。它是基于winston日志库的，支持所有winston日志记录器支持的传输器（如console.log），支持文件输出等常见功能。
安装
在使用winston-logs-display之前，你需要先安装Node.js和npm。如果你还没有安装，可以前往https://nodejs.org/en/download/下载并安装。
安装过程非常简单，只需要执行以下命令即可：
npm install winston-logs-display --save
如何使用
使用winston-logs-display的步骤非常简单，只需要在需要记录或控制台打印日志的代码中引入winston即可。
-- -------------------- ---- -------
----- ------- - -------------------
--------------------------------
-- --------
----- ------ - ----------------------
----------- -
--- ------------------------- --------- ------------- --
-
---
--------------
------------------ ------ ---- -----------
在上面的示例中，我们首先使用require引用了winston和winston-logs-display。然后，我们创建了一个winston Logger，并将其传递给日志记录器，以便我们可以将日志写入一个文件(logfile.log)。最后，我们使用Logger记录了一条记录日志。它将在控制台显示"Hello from winston!"。同时，它也会被写入到logfile.log中去。
日志级别
winston-logs-display支持多个日志级别，包括error, warn, info, verbose, debug及silly。通过使用这些不同的日志级别，我们可以过滤出需要查看的日志信息。默认情况下，日志级别是info，并会记录warning和info级别及以上的日志信息。
配置
使用winston-logs-display非常灵活，你可以在初始化Logger时传递一个options对象，从而可以对其进行自定义配置。
const logger = winston.createLogger({
level: 'silly', // 设置日志级别为silly
format: winston.format.simple(), // 设置日志格式
transports: [
new winston.transports.Console(), // 在控制台输出日志
new winston.transports.File({ filename: 'logfile.log' }) // 将日志写入文件
]
});总结
winston-logs-display是一个非常实用的npm包，可以帮助我们轻松地调试和管理前端应用程序中的日志信息。它的使用非常简单，只需要引用该包并将日志记录器传递给winston，即可快速地打印和添加日志信息。同时，如果需要更改日志级别和格式，我们可以通过配置来达到自己的需求。希望通过这篇文章对你有所启发和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671118dd3466f61ffe3d6