Mac 配置 PlantUML

PlantUML简介

UML: Unified Modeling Language 统一建模语言,是非专利的第三代建模和规约语言。
UML是一种开放的方法，用于说明、可视化、构建和编写一个正在开发的、面向对象的、软件密集系统的制品的开放方法。（来自wikipedia）

PlantUML 使用简单的可读文本描述语句来绘制图表。须要注意的是，它并不会阻止你绘制相互矛盾的图表（好比，有两个相互继承的类），因此与其说它是一个建模工具，不如说它是一个绘图工具。（来自PlantUML官网What's the goal of PlantUML ?）

一.所需环境

• JDK(Java SE Development Kit)
• graphviz
• Visual Studio Code(或者sublime, Chrome, eclipse, AndroidStudio, Intellij...更多)

二.配置

1.安装JDK

• 检测是否已安装JDK 终端输入

java -version
复制代码

没有安装的话会弹窗

点击更多信息，进入JDK下载页

点击DOWNLOAD

进入下载页面

点击接受条款，再点击。dmg的连接下载

因为某些缘故Oracle下载JDK奇慢，你能够使用华为JDK镜像源，找到最新的版本下载便可
关于JDK环境变量配置能够参照 macOS下JDK11安装及环境变量配置总结

安装配置完成后，终端跑一下

java -version
复制代码

会是下图的样子

2.安装graphviz

graphviz 是一个开源的额图片渲染库，能够将PlantUML脚本转换成图片。

终端中输入

brew install graphviz
复制代码

有好几个依赖包会下，因此须要一些时间，耐心等待

3.VSCode安装plantUML插件

• 打开VSCode
• ⌘(command) + shift + X打开扩展，搜索PlantUML
• 选择星最多的，通常就第一个

• install

4.使用

• 新建一个文件
• 输入样例

@startuml

title 时序图

== 鉴权阶段 ==

Alice -> Bob: 请求
Bob -> Alice: 应答

== 数据上传 ==

Alice -> Bob: 上传数据
note left: 这是显示在左边的备注

Bob --> Canny: 转交数据
... 不超过 5 秒钟 ...
Canny --> Bob: 状态返回
note right: 这是显示在右边的备注

Bob -> Alice: 状态返回

== 状态显示 ==

Alice -> Alice: 给本身发消息

@enduml
复制代码

保存文件为test.wsd

• alt + D右侧便可渲染出UML图

三.其余开发工具使用PlantUML配置

• 在AndroidStudio中使用PlantUML(for Mac)

• Mac使用Sublime + PlantUML高效地画图

• Mac环境下，Intellij IDEA中安装使用PlantUML画时序图

• PlantUML Viewer Chrome 插件 画时序图

• Information about the PlantUML Eclipse Plugin

• 用Atom在Mac OS X 下编辑PlantUML

END