VIM绘图--dot、uml

发表于 分类于 ， 阅读次数： 阅读次数： 本文字数： 793 阅读时长 ≈ 1 分钟

在整理软件逻辑和设计思路时，通过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

  • 擦除：

    空格切换