Follow Excellent, Success will Chase you

0%

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"]
}

Plantuml

1
vi aaa.uml

DrawIt

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

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

  • 划线:

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

  • 箭头:

    <、>、^、v

  • 擦除:

    空格切换

-------------本文结束感谢您的阅读-------------
  • 本文作者: Winddoing
  • 本文链接: https://winddoing.github.io/post/44070.html
  • 作者声明: 本博文为个人笔记, 由于个人能力有限,难免出现错误,欢迎大家批评指正。
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!