npm 包 pw-node-plantuml 使用教程

阅读时长 5 分钟读完

什么是 pw-node-plantuml?

pw-node-plantuml 是一个基于 Node.js 的 npm 包,它是一个用于生成 UML 图的库。它可以将 UML 代码转换成 PNG、SVG 或 ASCII 格式,可以方便地嵌入到文档中,以便更好地帮助阅读、理解和维护代码。

如何安装 pw-node-plantuml?

为了使用 pw-node-plantuml,你需要先在你的项目中安装它,你可以用 npm 来安装它,执行以下命令:

如何使用 pw-node-plantuml?

pw-node-plantuml 包中提供了两个方法:rendergenerate.

render 方法

render(basedir:string, input:string, format:PlantumlFormat, output:string, options:PlantumlOptions): Promise<void>

render 方法是将 UML 代码渲染成图片的方法。这个方法接收5个参数:

  • basedir: UML 文件所在的目录,这个参数主要是为了方便处理图片引用路径,默认值为 process.cwd()

  • input: UML 文件所在的相对路径或绝对路径。如果 basedir 为绝对路径,则 input 也应为绝对路径。

  • format: 渲染完成后的文件格式,这里支持 png, svgtxt 三种格式。

  • output: 渲染后的图片或文字所要保存的位置。如果为空,则返回结果图片或文字 Buffer。

  • options: 渲染时使用的配置项,主要包含三个配置项。

    • config: UML 的配置。
    • includes: UML 引入的其他文件。
    • createFile: 是否自动创建缺失的文件。

以下是一个使用 render 方法的示例:

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

generate 方法

generate(input:string.format?: PlantumlFormat, options:PlantumlOptions): Promise<Buffer>

generate 将 UML 代码转换成对应格式的图片或文本,这个方法接收两个参数:

  • input: UML 代码。
  • format: 转换后的格式,默认值为 png
  • options: 转换时使用的配置项,同 render 方法中的 options.

以下是一个使用 generate 方法的示例:

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

不同格式之间的转换

你可以使用 pw-node-plantuml 将不同格式的 UML 文件进行互相转换。以下是一个 UML 转换为 ASCII 的示例:

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

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

小结

以上就是 pw-node-plantuml 的使用教程。你可以用它方便地创建 UML 图形,以帮助你更好地理解和维护代码。它支持多种格式的导出,可以很好地嵌入到不同的场景中,十分灵活。关于更多使用方法,请参考官方文档。

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

纠错
反馈