npm 包 atomdoc 使用教程

阅读时长 3 分钟读完

什么是 atomdoc

atomdoc 是一个 npm 包,它可以为页面中的代码自动生成文档。

它采用 Atom 的 JSDoc 工具 来解析 JavaScript 代码,从中提取出文档注释,并生成最终的文档输出。

安装 atomdoc

使用 npm 安装 atomdoc,可以通过以下命令完成安装:

-g 表示全局安装,可以在任何地方使用 atomdoc 命令。

使用 atomdoc

生成文档

使用 atomdoc 生成文档十分简单,只需要在你的代码中添加注释即可。

注释格式应该遵循 JSDoc 标准。例如,一个常规的 JSDoc 注释如下所示:

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

如果你还不熟悉 JSDoc,可以参考这篇文章

配置 atomdoc

atomdoc 支持多种配置项,可以通过以下命令来查看当前的配置:

在命令行中显示的配置项类似于这样:

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

你可以在项目根目录下创建一个 .atomdocrc 文件来覆盖这些默认配置。

.atomdocrc 文件应该长这样:

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

此配置将为文档源码目录设置为 js,文档输出目录设置为 documentation,使用自定义文档模板 custom,不公开生成的文档,生成的索引文件为 Markdown 格式。忽略所有 test/ 目录下的文件,以及所有后缀名为 .min.js 的文件。

示例代码

以下是一个路径拼接的示例代码,使用 atomdoc 来生成文档:

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

添加注释后,运行 atomdoc 命令即可生成文档:

这可能会在当前目录下生成一个名为 docs 的文件夹,其中包含路径拼接方法的文档页。

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

纠错
反馈