在前端开发中，日志记录是经常做的一件事情。而在记录日志的时候，保持输出信息的易读性也是非常重要的。indent-log 是一个 npm 包，它可以帮助我们在控制台输出信息时自动添加缩进，使得输出信息更加清晰易读。在本文中，我们将学习如何在 Node.js 或浏览器端使用 indent-log。
安装
通过 npm 安装 indent-log：
npm install indent-log
使用
接下来我们将分别介绍在 Node.js 和浏览器端如何使用 indent-log。
在 Node.js 中使用
在 Node.js 中使用 indent-log 非常简单，只需要在你的 JavaScript 文件中引入并调用即可。例如，我们创建一个名为 test.js 的文件来演示 indent-log 的使用：
-- -------------------- ---- -------
----- --------- - ----------------------
-------- ------ -
--------------------------
-------------------------
-------------------------
--------------------------
------------------------------
-
-------在控制台运行 node test.js，你会看到类似下面的输出：
这是一条普通信息
ℹ INFO: 这是一条信息
⚠ WARN: 这是一条警告
❌ ERROR: 这是一条错误
✅ SUCCESS: 这是一条成功信息注意，info、warn、error、success 等方法都是 indentLog 的实例方法，这意味着我们可以自定义 indentLog 的实例来设置每个方法的前缀和颜色。
-- -------------------- ---- -------
----- --------- - -----------------------
------- -
---- -------
----- -------
----- -------
------ -------
-------- ------
--
------ -
---- -------
----- -------
----- ---------
------ ------
-------- -------
-
---
-------- ------ -
--------------------------
-------------------------
-------------------------
--------------------------
------------------------------
-
-------可以看到，在设置了前缀和颜色的 indentLog 实例中，输出信息的样式也随之改变了。
LOG: 这是一条普通信息
INF: 这是一条信息
WRN: 这是一条警告
ERR: 这是一条错误
SCS: 这是一条成功信息在浏览器中使用
在浏览器中使用 indent-log 与在 Node.js 中类似，也非常简单。只需要将 /dist/indentLog.js 文件拷贝到你的项目中，并在页面中引入该文件即可。例如：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
-------------------------
------- -----------------------------------
-------
------
--------
-------- ------ -
--------------------------
-------------------------
-------------------------
--------------------------
------------------------------
-
-------
---------
-------
-------此时，你在浏览器的控制台就可以看到类似下面的输出：
这是一条普通信息
ℹ INFO: 这是一条信息
⚠ WARN: 这是一条警告
❌ ERROR: 这是一条错误
✅ SUCCESS: 这是一条成功信息同样，在浏览器中我们也可以自定义 indentLog 的前缀和颜色。
-- -------------------- ---- -------
----- --------- - --- -----------
------- -
---- -------
----- -------
----- -------
------ -------
-------- ------
--
------ -
---- -------
----- -------
----- ---------
------ ------
-------- -------
-
---
-------- ------ -
--------------------------
-------------------------
-------------------------
--------------------------
------------------------------
-
-------总结
在前端开发中，输出易读性好的信息对于我们调试代码和查看日志非常有帮助。indent-log 的出现为我们提供了一种方便、易用的方式来输出易读性好的信息。在使用 indent-log 时，我们可以根据需要自定义前缀和颜色，从而更加方便地阅读输出信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcb4cb5cbfe1ea06125a5