npm 包 json-briefing 使用教程

阅读时长 4 分钟读完

介绍

json-briefing 是一个 npm 包,能够将 JSON 对象转换为可读性更好的文本格式。这个模块能够将 JSON 对象转换为 Markdown 或者 HTML 格式,方便我们将数据在网站或者文档中展示。

在本篇文章中,我们将深入介绍如何使用 json-briefing 模块,并且,通过我们的实例,你将学习到如下技术:

  • 使用 npm 安装和管理模块;
  • 了解 js 中的对象;
  • 如何使用 js 中的对象转换成 JSON 对象;
  • 如何使用 json-briefing 显示 JSON 对象;
  • 如何使用 Markdown 含义。

安装

要安装 json-briefing,我们需要在控制台中输入下面的命令:

这个命令将会下载 json-briefing 模块并把相关依赖项添加到 package.json--save 标志将会把这个模块添加到我们的依赖项中。

使用

一般来说,json-briefing 需要下面的步骤:

  1. 创建 JSON 对象
  2. 转换成可读取的格式
  3. 将其显示在网页上

在下面,我们将详细讲解怎样按照这个步骤使用 json-briefing 库。

创建 JSON 对象

你必须先创建一个 JSON 对象。可以按照下面的代码从一个 js 对象上创建:

将 JSON 对象转换成可读性更好的格式

我们将使用 json-briefing 模块将其转换。以下代码将使用 json-briefing

这段代码首先将 json-briefing 模块引入。然后,使用创建的 JSON 对象调用 briefing 函数,并将结果分配到文本变量中。调用 html() 方法可以将结果以 HTML 格式形式获得。

输出文本将看起来像这样:

-- -------------------- ---- -------
----
    -------------------------- ---------
    ------------------------- -------
    ------------------------------ --- ---------
    -----------------------------
        ----
            ----------------
            ---------------
        -----
    -----
-----

将其显示在网页上

我们将使用 Node.js的 http 模块来展示生成的 HTML。可以按照下面的示例代码:

此代码将创建一个本地网络服务,并将转换后的 HTML 内容输出到http://127.0.0.1:8080

使用 Markdown

json-briefing 可以使用 Markdown 格式显示 JSON 对象。以下代码将显示一个包含 JSON 数据的 Markdown 文件:

这将会显示下面的 Markdown 文本:

总结

在这个教程中,我们介绍了如何使用 json-briefing 包,并且了解了如何:

  • 安装模块,并将其添加到 package.json;
  • 创建 JS 对象;
  • 将 JS 对象转换为 JSON 对象;
  • 使用 json-briefing 将 JSON 对象转换为可读性更好的文本格式;
  • 使用本地网络服务来展示转换后的 HTML 内容。

此外,我们还介绍了 json-briefing 使用 Markdown 的方式。

通过本篇文章,你可以更加清晰地了解如何使用 json-briefing 包。技巧和方法足够详细,且能够应用到实际开发应用中,能够在学习和开发中发挥指导作用。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600575c281e8991b448ea716

纠错
反馈