别再用 Visio 了！试试这个比它快 10 倍的画图工具不香吗？

点击关注公众号，回复“2T”获取2TB学习资源！

互联网架构师后台回复 2T 有特别礼包

上一篇：深夜看了张一鸣的微博，让我越想越后怕

总有童鞋问，这个流程图图怎么绘制的，这个UML类图用什么工具做的等等，今天给大家推荐一款idea插件PlantUml，来帮助大家快速快速完成绘制。掌握之后，效率是 visio 等其他工具的 10 倍，甩的他们尾灯都看不见。

PlantUml是什么？

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

官方网站：https://plantuml.com/zh/

为何这个工具这么牛逼？

因为这个工具的原理和 visio 不一样，visio 是在界面上通过拖拽的方式画图，而 PlantUML 是通过写代码的方式画图。

对，你没有听错，你只需按照他规定的语法，写一段代码，PlantUML 立即帮你生成各种 UML 图。

比如下面这段简单的代码，画的是一个流程图。

@startuml
用户 -> 认证中心: 登录操作
认证中心 -> 缓存: 存放(key=token+ip,value=token)token

用户 <- 认证中心 : 认证成功返回token
用户 -> 认证中心: 下次访问头部携带token认证
认证中心 <- 缓存: key=token+ip获取token
其他服务 <- 认证中心: 存在且校验成功则跳转到用户请求的其他服务
其他服务 -> 用户: 信息
@enduml

对应的效果

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。

环境变量检测

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

idea 配置graphviz

File -> Settings -> Other Settings -> PlantUML

使用plantUML画流程图

新建uml 文件

输入上面给出的测试文字，右边会实时现实流程图。

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

导出图片/svg 文件/分享连接

在右边图的区域点击右键，将显示一系列菜单，其中包含了很多好用的工具，大家去体验下。

其他

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

来源：统合整理于网络，版权归原作者所有，本文仅为分享所用。

感谢您的阅读，也欢迎您发表关于这篇文章的任何建议，关注我，技术不迷茫！小编到你上高速。

    · END ·

最后，关注公众号互联网架构师，在后台回复：2T，可以获取我整理的 Java 系列面试题和答案，非常齐全。

正文结束

推荐阅读 ↓↓↓

1.不认命，从10年流水线工人，到谷歌上班的程序媛，一位湖南妹子的励志故事

2.如何才能成为优秀的架构师？

3.从零开始搭建创业公司后台技术栈

4.程序员一般可以从什么平台接私活？

5.37岁程序员被裁，120天没找到工作，无奈去小公司，结果懵了...

6.IntelliJ IDEA 2019.3 首个最新访问版本发布，新特性抢先看

7.这封“领导痛批95后下属”的邮件，句句扎心！

8.15张图看懂瞎忙和高效的区别！

一个人学习、工作很迷茫？

点击「阅读原文」加入我们的小圈子！