拓展阅读

常见免费开源绘图工具

OmniGraffle 创建精确、美观图形的工具

UML-架构图入门介绍 starUML

UML 绘制工具 starUML 入门介绍

PlantUML 是绘制 uml 的一个开源项目

UML 等常见图绘制工具

绘图工具 draw.io / diagrams.net 免费在线图表编辑器

绘图工具 excalidraw 介绍

绘图工具 GoJS 介绍 绘图 js

原型设计工具介绍-01-moqups 介绍

常见原型设计工具介绍

PlantUML

PlantUML 是绘制 uml 的一个开源项目.

支持快速绘制:

  • 时序图

  • 用例图

  • 类图

  • 活动图 (here is the legacy syntax)

  • 组件图

  • 状态图

  • 对象图

  • 部署图

  • Timing diagram

同时还支持以下非UML图:

  • Wireframe graphical interface

  • 架构图

  • Specification and Description Language (SDL)

  • Ditaa diagram

  • 甘特图

  • Mathematic with AsciiMath or JLaTeXMath notation

Example

  • 原始文本
Bob->Alice : hello
  • 效果
 ┌───┐          ┌─────┐
 │Bob│          │Alice│
 └─┬─┘          └──┬──┘
   │    hello      │   
   │──────────────>│   
 ┌─┴─┐          ┌──┴──┐
 │Bob│          │Alice│
 └───┘          └─────┘

Integration

Graphviz 安装

PlantUML 是依赖于 Graphviz 的

MAC 安装

$   brew install graphviz

Idea

Idea PlantUML

VSCode

VSCode PlantUML

  • Install PlantUML 插件

  1. 直接安装插件

  2. 编辑内容如下：

@startuml

Bob -> Alice : Hello, how are you
Alice -> Bob : Fine, thank you, and you?

@enduml

使用 Alt+D 直接开启预览

2018-04-09-plantuml-vscode.png