还发愁画流程图？IDEA这款神仙插件全部帮你搞定！

推荐关注

顶级架构师后台回复 1024 有特别礼包

来源：网络

上一篇：聊一聊Java 泛型通配符 T，E，K，V，?

大家好，我是顶级架构师。

图片

---

总有童鞋问，这个流程图图怎么绘制的，这个UML类图用什么工具做的等等，今天给大家推荐一款idea插件PlantUml，来帮助大家快速快速完成绘制。

PlantUml是什么

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

PlantUML的优点

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

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

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

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

idea安装 PlantUML插件

File -> Settings -> Plugins 搜索 PlantUML ，找到 PlantUML integration 并安装

电脑安装graphviz

下载地址

https://graphviz.gitlab.io/_pages/Download/windows/graphviz-2.38.msi

配置环境变量

首先添加一个变量名GRAPHVIZ_HOME, 变量值为安装路径 D:\WorkWare\Graphviz2.38 在Path目录下添加 %GRAPHVIZ_HOME%\bin, 多个配置之间要用 “;” 隔开 配置GRAPHVIZ_DOT, 变量值为 %GRAPHVIZ_HOME%\bin\dot.exe

图片

横空出世，比Visio快10倍的画图工具来了。

图片

打开windows命令行, 使用dot -version出现以下页面就代表配置正常

图片

idea 配置graphviz

File -> Settings -> Other Settings -> PlantUML

搜索公众号后端架构师后台回复“架构整洁”，获取一份惊喜礼包。

图片

使用plantUML画流程图

新建uml 文件

图片

输入测试文字

@startuml  
Alice -> Bob: Authentication Request  
Bob --> Alice: Authentication Response  
  
Alice -> Bob: Another authentication Request  
Alice <-- Bob: another authentication Response  
@enduml  

右边会实时现实流程图

图片

也可以根据所写的类，创建一个UML类图。也可以参考我们前天推荐的方式：IDEA中一个被低估的功能，一键把项目代码绘制成UML类图

图片

其他

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

图片

公众号后台回复 架构 或者 架构整洁 有惊喜礼包！顶级架构师交流群

 「顶级架构师」建立了读者架构师交流群，大家可以添加小编微信进行加群。欢迎有想法、乐于分享的朋友们一起交流学习。

扫描添加好友邀你进架构师群，加我时注明【姓名+公司+职位】

版权申明：内容来源网络，版权归原作者所有。如有侵权烦请告知，我们会立即删除并表示歉意。谢谢。

猜你还想看