mermaid、node-plantuml画图工具使用

最新推荐文章于 2025-06-27 16:18:38 发布

原创

最新推荐文章于 2025-06-27 16:18:38 发布 · 3.7k 阅读

6 ·

CC 4.0 BY-SA版权

本文介绍了在MAC环境下如何安装和使用Mermaid与node-plantuml两个画图工具。Mermaid是一个用于创建流程图、状态图等的JS库，而node-plantuml则需要Java和graphviz-dot作为依赖。文章提供了官方链接、示例及生成的图片展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mermaid、node-plantuml画图工具使用

MAC下的mermaid安装及使用

Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库，使用 JS 进行本地渲染，广泛集成于许多 Markdown 编辑器中。

官网：https://mermaidjs.github.io/
Github 项目地址：https://github.com/knsv/mermaid

npm install -g phantomjs && npm install -g mermaid //安装下载
mermaid demo.gantt -w 1920 -s -p -o images  //运行

    -s 输出svg替代png
    -p 如果选择保存svg的同时保存png
    -o 保存目录
    -w 生成图片宽度

示例

graph LR
H(Unselect_alarm) -.- B
A -.- H
A((Alarms)) -- Processing --> B[Select_alarm]
B --> F(Commit_alarm)
subgraph Alarm audit
F --> G(Audit_alarm)
end
G -->D
B --> E(Accept_alarm)
A --processing--> C(Reset_alarm)
B --> C
E --> C
C --> D(Alarm_logs)

生成的png图片如下