npm 包@jeremyckahn/minami 使用教程

阅读时长 5 分钟读完

介绍

@jeremyckahn/minami 是一个简约的 JSDoc 主题,具有优美的排版和易用性,支持自定义样式和字体的个性化定制。使用它可以极大地提高代码文档的可读性和美观度。

安装

安装 minami 主题只需要通过 npm 把它安装到你的项目中即可。

使用

配置 JSDoc

在你的项目中增加一个 doc 目录,然后在目录中创建一个配置文件 jsdoc.json

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

运行 JSDoc

通过命令行来运行 JSDoc,从而生成文档。

自定义样式

如果你想自定义主题的样式,并覆盖默认配置,只需要在项目的 jsdoc.json 文件中添加样式选项即可。

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

其中,minami 是自定义的配置项,下面的样式可以按照自己的需要进行定制。

示例代码

建议在代码中使用 JSDoc 注释

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

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

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

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

结尾

使用 @jeremyckahn/minami 主题可以从代码文档化的角度着手,提高前端应用的可维护性和可读性。同时,在个性化样式和配置上也可以根据项目特点进行灵活调整。

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

纠错
反馈