本文介绍了如何使用 bs-pretty-message 这个 npm 包来美化浏览器控制台输出的信息。
什么是 bs-pretty-message？
bs-pretty-message 是一个可以美化浏览器控制台输出信息的 npm 包，它提供了一种更整洁、易读的方式来呈现 log 信息。让我们来看一下它是如何工作的。
安装 bs-pretty-message
首先，我们需要将 bs-pretty-message 安装到我们的项目中。可以通过 npm 命令行工具来安装该包：
npm install bs-pretty-message --save-dev
这将会在你的项目中安装该包，并添加到你的 package.json 文件的依赖中。
使用 bs-pretty-message
安装完成后，我们可以在代码中调用 bs-pretty-message 的 log 函数来美化控制台输出：
import { log } from 'bs-pretty-message';
log('Hello, World!');运行上述代码，我们将得到以下输出：
👋 Hello, World!
我们可以看到，通过 bs-pretty-message 美化后的信息更加易读、易懂，同时也增加了可读性。除了 log 函数之外，bs-pretty-message 还提供了 info、warn、error 等函数来美化相应级别的信息。
import { info, warn, error } from 'bs-pretty-message';
info('This is an info message');
warn('This is a warning message');
error('This is an error message');执行结果如下：
ℹ️ This is an info message ⚠️ This is a warning message ❌ This is an error message
自定义 bs-pretty-message
bs-pretty-message 默认输出的信息是英文的，然而，你可能会需要美化输出一些其他语言的信息。在这种情况下，你可以使用 setLanguage 函数来选择所需的语言。
import { setLanguage, log } from 'bs-pretty-message';
setLanguage('zh-CN');
log('你好，世界！');运行上述代码，我们将得到以下输出：
👋 你好，世界！
除了 zh-CN，bs-pretty-message 还支持其他语言，如 en-US、ja-JP 等。你可以在项目中自由选择你需要的语言。除此之外，你还可以通过 setConfig 函数来自定义输出信息。
-- -------------------- ---- -------
------ - ---------- --- - ---- --------------------
-----------
------------- -
---- -----
----- -----
----- -----
------ -----
--
---
----------- ---------运行上述代码，我们将得到输出：
📝 Hello, World!
通过自定义 defaultIcons，我们可以让输出信息更加个性化。
结论
通过使用 bs-pretty-message 我们能够更美观、易读地输出信息到控制台，该工具不仅能够优化代码输出，同时也能够为代码调试带来便捷。希望你能够在日常开发工作中了解并使用 bs-pretty-message 这个有用的 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbe2cb5cbfe1ea0611b30