使用Atom + Graphviz搭建画图环境

Graphviz是一款非常方便的作图工具，详细介绍见官网：http://www.graphviz.org/。

但是Graphviz里头自带的IDE工具GVEdit非常难用，没有代码提示，没有自动对齐，没有关键字高亮等，对于习惯现代编码环境、追求高效率的开发者而言，是非常痛苦的。寻找之后发现可以使用Atom + 相关Graphviz插件就可以完美地解决问题。

1. 首先下载Graphviz工具，具体下载地址见：http://www.graphviz.org/Download..php

下载Executable Packages即可，对应不同的操作系统，下载响应的包。

 可以下载安装版或者直接是解压就能用的版本。

2. 对于Windows用户而言，新增以下环境变量：

    a. GRAPHVIZ_INSTALL_DIR，对应Graphviz的安装地址，如D:Program Files (x86)Graphviz2.38

    b. GRAPHVIZ_DOT，对应Graphviz的DOT引擎地址，如：D:Program Files (x86)Graphviz2.38bindot.exe

    c. 在Path中把Graphviz的bin目录加入，如：%GRAPHVIZ_INSTALL_DIR%bin

    环境变量配置好后，进入控制台，输入        

dot -V

如果出现如下的结果则表示环境变量配置成功。

3. 下载并安装Atom，对应地址为：https://atom.io/

4. 安装 graphviz-preview-plus，这个功能非常强大，可以直接预览dot代码规定的图形。