npm 包 jsdoc-plugins 使用教程

阅读时长 3 分钟读完

在进行代码开发的过程中,文档编写是不可缺少的一部分。而利用 jsdoc 描述文档可以让我们更自然地编写文档。jsdoc 的优点是可以针对函数,方法和属性编写注释,并生成 API 文档。但是通过 jsdoc 描述文档,我们仍然需要有一定的技术背景来编写出清晰的文档,如何使用插件来方便我们的文档编写呢?这里介绍一下 npm 包 jsdoc-plugins 的使用教程。

环境配置

首先,你需要在本地环境中配置好 Node.js 和 npm,这里不再赘述安装步骤。

接着,通过 npm 全局安装 jsdoc:

同时,我们还需要安装 jsdoc-plugins,这样才能使用该插件功能:

好了,现在,我们假设你已经写好了你的 JavaScript 代码,并需要从这些代码中生成文档。接下来,让我们看一下如何使用 jsdoc-plugins。

jsdoc-plugins 的使用

在上一节中,我们已经完成了 jsdoc-plugins 的安装。现在我们有一个非常简单的例子需要我们生成相关的 API 文档:

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

对于上述代码,通过 jsdoc 执行命令 jsdoc my-script.js 可以生成 API 文档,但是我们需要在代码中加入相关的标记,以保证文档的正确生成。那么,我们就可以使用 jsdoc-plugins 来利用该插件在不更改代码的情况下来生成文档。

首先,在当前的项目目录下创建配置文件,命名为 jsdoc.conf.json ,并在该配置文件中加入以下代码:

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

其中,plugins/markdown 注册了 jsdoc-markdown 插件。你也可以在 "markdown" 属性中进一步细化你的配置需求。

接着,在写好 API 文档相关.js 文件后,我们使用 jsdoc 执行命令:

其中,-r 表示执行递归搜索,将生成所有文件的文档;-t 表示使用 jsdoc 的清空板块清洁式输出。这样,我们就可以在当前项目目录下的 /out 目录中生成 HTML 格式的 API 文档了。

总结

上述步骤简单易懂地介绍了如何通过 jsdoc-plugins 实现方便的文档编写。与手动书写 Markdown 文件不同,jsdoc-plugins 并不需要额外写 Markdown 文件,使用起来也很方便。相信 jsdoc-plugins 可以大大简化我们编写文档的复杂度,提高编写效率。

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

纠错
反馈