VIM绘图--dot、uml

在整理软件逻辑和设计思路时,通过VIM进行画图记录。

  • DOT + graphviz: 结构图和流程图
  • plantuml: UML图
  • DrawIt: 简易图(ASCII)

DOT + graphviz

1
vi aaa.dot

使用DOT语法,绘画

DOT语法

graph(无向图)或者digraph(无向图)表示图,然后{}中的内容是对图的描述,注释风格和C类似(“//”用于单行注释,/**/用于多行注释)。如一个无向图:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
//usr/bin/dot
graph graph1 {
label = "this is a graph";
aa; bb;
a -- b;

{p, q} -- {x, y};

{c, d} -- o;

o -- end [style = dotted, color = red];

subgraph subgraph1 {
label = "This is subgraph";
bgcolor = greenyellow;
cc; dd;
}

ccc -- ddd [label = "test"]
}
  • Dot脚本语言语法整理
  • DOT + graphviz 轻松画图神器

Plantuml

1
vi aaa.uml
  • 类图
  • 时序图
  • 流程图

DrawIt

1
2
3
4
5
6
7
+----------------+
| |
+-------+--------+
| | |
| +--------+
| | |
+-------+--------+
  • 绘图–操作

    :DIstart – 启动(默认虚线—-)
    :DIstop – 停止
    :DIdbl – 双实线(════)
    :DInrml – 单虚线(—-)
    :DIsngl – 单实现(────)

  • 划线:

    方向键(直线);Page up、Page Down(斜线)

  • 箭头:

    <、>、^、v

  • 擦除:

    空格切换