PlantUML 图表演示
这篇文章演示了如何在编辑器中使用 PlantUML 创建各种图表。
时序图 (Sequence Diagram)
用例图 (Use Case Diagram)
类图 (Class Diagram)
活动图 (Activity Diagram)
组件图 (Component Diagram)
状态图 (State Diagram)
思维导图 (Mind Map)
甘特图 (Gantt Chart)
架构图 (Deployment Diagram)
使用技巧
支持的语言标记
PlantUML 代码块支持以下三种语言标记：
```plantuml（推荐）```puml```uml
错误处理
如果 PlantUML 语法有错误，预览区域会显示友好的错误提示，并展示原始代码，方便调试。
性能优化
- 图表使用
loading="lazy"属性，只在可见时加载 - 支持自定义 PlantUML 服务器（通过环境变量
NEXT_PUBLIC_PLANTUML_SERVER） - 如果需要更快的渲染速度，可以搭建自己的 PlantUML 服务器
相关资源
试试在编辑器中输入上面的任何一个示例，然后切换到"预览"标签查看效果！✨