教程 — Graphviz

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Love667767/article/details/80369011

一、概述

Graphviz的是AT&T Labs Research开发的图形绘制工具软件。

官网： http://www.graphviz.org/

二、Mac安装

2.1 安装步骤

1. 进入官网：http://www.graphviz.org/
2. 点击 Download 进入下载页面。

3. 点击 Mac -> Homebrew (需要翻墙)。

   

4. 安装homebrew： 进入页面后看到如下一串安装指令，将它复制到 Mac终端。

   /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

5. 安装Graphviz： 在终端输入 brew install graphviz 。

6. 终端输入 dot -V 查看版本。

2.2 使用

1. 打开文本编辑器输入以下内容：

   digraph pic { 
     Hello -> World
   }

2. 保存为pic.dot文件。
3. 打开终端，切换到dot文件所在目录，输入 dot pic.dot -T png -o pic.png。
4. 看到在 dot 文件目录下生成了一个 pic.png 文件。
   

2.3 实时显示

目前的功能，需要我们每次执行一串指令才能生成图片。因此我们将集成一个插件来实现实时显示。

步骤：

1. 下载离线插件 https://github.com/munro/SublimeGraphvizPreview/archive/master.zip
2. 打开 Preferences -> Packages Settings -> Packages Control -> Settings User，来确认一下 installed_packages 没有GraphVizPreview。并且增加 "remove_orphaned": false 防止 Sublime Text 把手动安装的插件包给删除了。
3. 打开 Preferences -> Browse Packages 进入到 Sublime Text 的插件包下Packagas。
4. 解压zip文件到Packagas下，并且更改文件夹 SublimeGraphvizPreview-master为GraphVizPreview。
5. 重启Sublime。
6. 用鼠标选中需要渲染的代码段按 shift + win(command) + g 即可在pdf中查看绘制的图像。