目录简介时序图用例图类图对象图活动图 (旧版语法在此处)组件图部署图状态图定时图JSON 数据YAML 数据网络图 (nwdiag)线框图形界面架构图规范和描述语言 (SDL)Ditaa 图甘特图思维导图工作分解图实体关系图学习使用使用 Sublime + PlantUML 高效地画图在线编辑器 + VS CODE使用在 VS Code中安装Markdown Preview Enhanced插件后,在Mrakdown使用PlantUML语法画相关UML图的不显示的问题其它教学查看可用的流程图组件

简介

官方主页:https://plantuml.com/zh/

PlantUML是一个开源项目,支持快速绘制:

时序图

plantUML使用指南-风君雪科技博客

用例图

plantUML使用指南-风君雪科技博客

类图

plantUML使用指南-风君雪科技博客

对象图

plantUML使用指南-风君雪科技博客

活动图 (旧版语法在此处)

plantUML使用指南-风君雪科技博客

组件图

plantUML使用指南-风君雪科技博客

部署图

plantUML使用指南-风君雪科技博客
plantUML使用指南-风君雪科技博客

状态图

plantUML使用指南-风君雪科技博客
plantUML使用指南-风君雪科技博客

定时图

plantUML使用指南-风君雪科技博客
plantUML使用指南-风君雪科技博客

同时还支持以下非UML图:

JSON 数据

plantUML使用指南-风君雪科技博客

YAML 数据

网络图 (nwdiag)

plantUML使用指南-风君雪科技博客

线框图形界面

架构图

规范和描述语言 (SDL)

Ditaa 图

甘特图

plantUML使用指南-风君雪科技博客

思维导图

plantUML使用指南-风君雪科技博客
plantUML使用指南-风君雪科技博客

工作分解图

plantUML使用指南-风君雪科技博客
plantUML使用指南-风君雪科技博客
plantUML使用指南-风君雪科技博客

实体关系图

通过简单直观的语言来定义这些示意图(语言参考指南)。

学习使用

使用 Sublime + PlantUML 高效地画图

https://www.jianshu.com/p/e92a52770832
https://github.com/jvantuyl/sublime_diagram_plugin
https://www.oracle.com/java/technologies/javase-jdk16-downloads.html
http://archive.3zso.com/archives/plantuml-quickstart.html

在线编辑器 + VS CODE使用

在线编辑器:http://www.plantuml.com/plantuml
在VS CODE中如何使用:https://blog.csdn.net/stone0823/article/details/100058365
https://blog.csdn.net/daocaoren94/article/details/106339799?utm_medium=distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~default-7.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~default-7.control

在 VS Code中安装Markdown Preview Enhanced插件后,在Mrakdown使用PlantUML语法画相关UML图的不显示的问题

利用Markdown Preview Enhanced使用PlantUML语法:
1、PlantUML的图形预览依赖于Graphviz软件。Windows版下载
2、配置环境变量
安装好Graphviz后(比如我安装在:D:SoftwareGraphviz),添加环境变量:
变量名:GRAPHVIZ_DOT
变量值:D:SoftwareGraphvizindot.exe
注:变量值是根据我的安装目录配置的。
这样,在使用PlantUML语法是就不会图形显示不出来

其它教学

http://archive.3zso.com/archives/plantuml-quickstart.html
https://www.jianshu.com/p/e92a52770832

https://plantuml.com/zh/sequence-diagram

查看可用的流程图组件

@startuml
listsprite
@enduml

plantUML使用指南-风君雪科技博客