开发过程中,必不可少的会遇到需要画流程图的时候.

今天给大家推荐一款好用而且开源的画图工具, 它就是PlantUML.

PlantUML

官网传送门:https://plantuml/zh/

PlantUML是从文本描述生成 UML 图, 图形是用一种简单直观的语言定义的,支持多种UML图和多种非UML图.

我们在这里展示一个时序图,为大家说明下使用的效果:

@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

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

得到的时序图为:

其他的格式,大家可以在官网查询相应的语法.

接下来给大家介绍下如何在VSCode上搭建PlantUML环境.

VSCode

VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也可以通过内置的扩展程序商店安装扩展以拓展软件功能。

个人觉得VSCode还是比较好用的.


从官网下载安装包,进行安装即可. 官网传送门:https://code.visualstudio/

另外还需要安装JDK。JDK的安装教程

在VSCode的扩展中输入plantuml后直接安装第一个即可。

另外提供一个在线的编译网站:在线编译

测试

安装好之后,我们新建一个文件并保存名字为:one.pu.
注意:名字需要后缀名为pu

输入:

@startuml
start
:第一步;
:第二部;
end
@enduml

然后右键,选择预览就可以看到生成的图片:


今天的分享到这里就结束了。_

更多推荐

PlantUML--好用的程序员绘图工具和使用环境搭建