2022 PlantUML 这款 IDEA 插件能搞，流程图、架构图，N种图... 简直神器！

2022 PlantUML 这款 IDEA 插件能搞，流程图、架构图，N种图… 简直神器！

在写文档的过程中，经常需要进行画图。最近发现 IDEA 有一款插件 PlantUML, 它本质上是也算一门可以快速画图的设计语言，学习起来也很方便，这篇文章主要向大家介绍IDEA 安装 PlantUML 试用体验，希望对大家有所帮助。

PlantUML 简介

一门可以快速画图的设计语言：

http://plantuml.com/zh/state-diagram

PlantUML 是一个开源项目，支持快速绘制时序图、用例图、类图、活动图、组件图、状态图、对象图、部署图等。同时还支持非 UML 图的甘特图、架构图等。例如下面等用例图：

PlantUml 是什么

PlantUml是一个支持快速绘制的开源项目。其定义了一套完整的语言用于实现UML关系图的描述，并基于强大的Graphviz图形渲染库进行UML图的生成。绘制的UML图还可以导出为图片,以及通用的矢量SVG格式文件。

PlantUML 的优点

完全文本方式编辑，无需控件拖拽，自动调节图元距离，简单美观

1、与开发平台完全无关，不受平台限制，只要有PlantUML jar包就能生成UML图

2、支持多种文本编辑器、ide的集成，例如idea、eclipse、notepad++等

3、作为一个Java coder，通常使用idea作为首选开发工具，我们以idea中的使用为主作介绍

安装 Graphviz

IDEA 安装PlantUML插件还需要安装 Graphviz 才能正常显示，先上 Graphviz 安装包的资源分享链接

graphviz-6.0.2.msi

https://www.graphviz.org/download/

Graphviz 下载之后，疯狂下一步，就安装完了

如果不安装 Graphviz，画图的时候，会提示

图片

IDEA 安装 PlantUML插件

IDEA 直接搜索安装：

File -> Settings -> Plugins 搜索 PlantUML ，搜索 PlantUML , 安装 PlantUML integration , 如下

图片

或者你用，安装包，离线安装

下载插件包安装，地址

http://plugins.jetbrains.com/plugin/7017-plantuml-integration

使用 PlantUML 画流程图

File -> New -> PlantUML File -> 选择你要画的类型

图片

图片

输入内容，先看看效果

@startumlskinparam rectangle {    BackgroundColor DarkSeaGreen    FontStyle Bold    FontColor DarkGreen}:User: as urectangle Tool as trectangle "Knowledge Base" as kb(Robot Framework) as rf(DUT) as dutnote as ts    test scriptend notenote as act    query    &    actionend notenote as t_cmt    - 执行测试脚本，    - 按照知识库响应消息    - 关注公众号：搜云库技术团队    - 回复：面试题，得3625页大厂面试题end notenote as kb_cmt    - 根据当前消息确定响应方法    - 根据上下文填充消息    - 保存信息到相关上下文end noteu --> rfrf =right=> tsts =down=> tkb <=left=> actact <=up=> tt = dutt_cmt -- tkb_cmt -left- kb@enduml

图片

时序图：

@startumlAlice -> Bob: Authentication RequestBob --> Alice: Authentication ResponseAlice -> Bob: Another authentication RequestAlice <-- Bob: another authentication Response@enduml

效果如图：

图片

导出文件

图片

设置不同的角色

时序图角色可以分为: actor, boundary, control, entity, database，每种角色呈现的图形也是不一样的。

@startumlactor Foo1boundary Foo2control Foo3entity Foo4database Foo5collections Foo6Foo1 -> Foo2 : To boundaryFoo1 -> Foo3 : To controlFoo1 -> Foo4 : To entityFoo1 -> Foo5 : To databaseFoo1 -> Foo6 : To collections@enduml

图片

图例注脚等

@startumlheader Page Headerfooter Page %page% of %lastpage%title Example TitleAlice -> Bob : message 1note left: this is a first noteAlice -> Bob : message 2@enduml

图片

其他

如果不想装 graphviz，想直接用，可以下载chrome插件PlantUML Viewer，安装之后直接编辑文本，可以在浏览器直接显示。

图片

最后

IDEA 上用 PlantUML 虽然不错，但是每次还需要打开IDEA，还是有点小麻烦。我在开发过程中用的更多的是用在线作图工具，如：ProcessOn, webchart ,等。

结语

如果这篇文章对您有所帮助，或者有所启发的话，求一键三连：点赞、评论、收藏➕关注，您的支持是我坚持写作最大的动力。