使用graphviz(dot命令)画流程图

本文由清华大学硕士大神金天撰写，欢迎大家转载，不过请保留这段版权信息，对本文内容有疑问欢迎联系作者微信：jintianiloveu探讨，多谢合作~

前言

自古以来很多人画流程图都是visio啊，photoshop 啊，甚至有人用ppt啊，word啊来话流程图，我只想说，low到爆，也不是说low把，反正对于我这种喜欢用Mac装逼的青少年来说，基本上word都是被迫用的，windows系列的软件在Mac下好难用。一直以来老夫一直在找寻一种可以自动化画流程图的装逼软件，后来发现了graphviz，使用dot命令来进行图形的绘制，可以这么说，简直屌炸天。

一、 graphviz安装使用简介

对于瘟都死用户直接百度官网下载exe安装，然后新建.dot后缀名的文件，用NotePad++编辑代码，然后用graphviz打开dot文件实时预览，你代码做的每一个修改都会直接在图形中看到，非常方便。
对于Mac OS用户，也直接下载graphviz软件，这个跨平台支持的非常好，赞一个。然后，你懂得，和瘟都死用户一样操作。

二、 Hello, World！程序

好了，安装完之后，不管事什么语言，都得来个helloworld不是？新建.dot文件了吗？好的，用notepad++打开它，Mac OS用户用sublime，然后输出下面的代码：

digraph G{
    node[shape="ellipse", color="red", fillcolor="yellow"];
    A[label="Hello, 美女"];
    node[shape="retangle", color="red", fillcolor="yellow"];
    B[label="留个微信呗？"];
    node[shape="circle", color="green", fillcolor="yellow", width=.8];

    C[label="好啊"];
    D[label="滚"];

    A -> B;
    B -> C;
    B -> D; 
}

踏哒_{，一个牛逼闪闪的图出现了哟}

Screen Shot 2016-10-12 at 8.49.19 PM.png

好了，这只是hello world程序，接下来我要教大家真正的装逼绝技。

三、 真正的装逼绝技

废话不多说，下面我们要用graphviz实现如下的流程图，这是我们写论文经常用到的算法流程图，不管牛逼不牛逼，反正用visio画出来一点逼格都没有，要知道人家老外写论文，那图p都p不出来。咱得向人家看起，把你们手头的visio都卸了吧，瘟都死也别用了，电脑卖了吧，把钱省出来给国足捐瓶营养快线吧。扯远了。
这张图是这样的：

DE.png

你可能会觉得，我曹就这？我用visio一秒钟就能画出来好吗？别急，筒子们莫慌，觉得这图low？

Screen Shot 2016-10-12 at 8.54.34 PM.png

你用visio画这图试试。。好吧，我不装逼了，其实这图你用代码写也得写很久，不过怎么说，机械的程序式画图能够方便很多，包括修改或者保存都很方便。
好了废话不多说，我来教大家怎么实现。
首先。。。。。等一下我上个厕所。。