plantuml, puml
Mermaid:VS Code 内置替代方案 Mermaid 是最佳替代方案,VS Code 的 Markdown 预览内置支持,无需扩展或服务器。直接在 Markdown 中写 ```mermaid 代码块,按 Ctrl+Shift+V 打开预览即可看到渲染结果。 功能 PlantUML Mermaid VS Code 原生支持 需要 Java + 扩展 内置 GitHub 渲染 不支持 支持 语法 更强大 更简洁 离线使用 需要 graphviz 完全离线 Mermaid 图类型概览 Mermaid 的图类型分为两大维度:结构型和行为型。 维度 关键词 对应 UML 图 描述 结构型 classDiagram 类图 展示类、属性、方法及继承/组合/关联关系,回答"系统中有什么" 结构型 erDiagram 实体关系图 展示数据库表/实体及字段关系 行为型 flowchart / graph 活动图 / 流程图 展示控制流、判断分支、步骤顺序,回答"系统做了什么" 行为型 sequenceDiagram 序列图 展示对象之间按时间顺序的消息交互 行为型 stateDiagram-v2 状态图 展示对象在不同状态间的转换 其他 mindmap 思维导图 非 UML,用于发散性思维整理 其他 gantt 甘特图 非 UML,用于项目时间线 classDiagram vs flowchart 的核心区别 classDiagram(类图)—— 结构维度 ...