教程 — Graphviz

一、概述

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中查看繪製的圖像。