json-beautifully 是一个能让 JSON 数据变得漂亮、易读的 npm 包。它提供了许多定制化选项，使得你可以按照自己的需求美化 JSON 数据。今天我们就来介绍一下如何使用这个非常有用的工具。
安装
在使用 json-beautifully 之前，我们需要先进行安装。
npm install json-beautifully
安装完成后，我们就可以开始愉快地使用它了。
美化 JSON
下面是一个包含一些哑数据的 JSON：
-- -------------------- ---- -------
-
------------ -------
----------- ------
------ ---
---------- -
--------- ----- --------
------- ---- ------
-------- -----
---------- -------
--
-------------- -
-
------- -------
--------- --------------
--
-
------- ------
--------- --------------
-
-
-我们可以使用如下代码将这个 JSON 数据美化：
-- -------------------- ---- -------
----- ------------ - ----------------------------
----- ---- - -
---------- -------
--------- ------
---- ---
-------- -
------- ----- --------
----- ---- ------
------ -----
-------- -------
--
------------ -
-
----- -------
------- --------------
--
-
----- ------
------- --------------
-
-
--
--------------------------------这将会输出一个格式良好、易读的 JSON 数据。
定制化选项
json-beautifully 还提供了一些选项来帮助你按照你的需求美化 JSON 数据。下面是该包可以使用的一些选项：
indent: 定义 JSON 数据的缩进。quote: 定义 JSON 中字符串的引号。noColor: 是否显示颜色。sortKeys: 是否对 JSON 数据进行排序。
下面是如何在 json-beautifully 中使用这些选项：
-- -------------------- ---- -------
----- ------------ - ----------------------------
----- ---- - -
---------- -------
--------- ------
---- ---
-------- -
------- ----- --------
----- ---- ------
------ -----
-------- -------
--
------------ -
-
----- -------
------- --------------
--
-
----- ------
------- --------------
-
-
--
----- ------- - -
------- --
------ ----
-------- -----
--------- ----
--
------------------------------ ----------这将会美化 JSON 数据并将其按照字母顺序排序，引号使用双引号，显示的颜色为黑白二色，并使用四个空格缩进。
总结
使用 json-beautifully 包很容易让 JSON 数据变得漂亮易读。接下来，你可以使用定制化选项来根据自己的要求修改输出。希望这个教程能够对你有所帮助，如果你有任何问题或有更好的建议，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d8381e8991b448db415