在編程或是整理知識的時候一直苦於沒有一款可以幫助理清思路的工具。 在網上苦尋良久，終於找到了一款可心可意的小軟體 —— Graphviz。 折騰了一番，終於可以湊合著用了。 現將折騰的成果記錄於此以作備忘，當然如果能夠拋磚引玉那就再好不過了。 因為本人主要使用 Windows 以下將用 Window ...
在編程或是整理知識的時候一直苦於沒有一款可以幫助理清思路的工具。
在網上苦尋良久，終於找到了一款可心可意的小軟體 —— Graphviz。
折騰了一番，終於可以湊合著用了。
現將折騰的成果記錄於此以作備忘，當然如果能夠拋磚引玉那就再好不過了。
因為本人主要使用 Windows 以下將用 Windows 環境為例進行介紹。
First
- 於此處下載需要的版本：http://www.graphviz.org/Download..php
- 將下載好的 msi 文件或 zip 文件安裝或解壓，記下安裝路徑。
- 將安裝目錄中的 bin 文件夾放入 path。
Sencond
- 於此處下載可以自動刷新的看圖軟體 JPEGView：https://sourceforge.net/projects/jpegview/
- 解壓後把它放到你想放的地方
Third
- 你應該已經安裝 VIM 了吧，如果沒有就去這裡下載安裝：http://www.vim.org/
- 現在找到你的 .vimrc 文件，在其中添加如下內容：
1 autocmd BufWritePost *.dot :silent !dot -Tpng -o %<.png % 2 3 autocmd BufWinEnter *.dot nno <leader>g :!start “JPEGView 主程式的路徑” %:p:r.png<cr>
第一行里的 % 代表當前編輯文件的文件名而 %< 則表示去掉了擴展名的文件名，加上 .png 就構成了輸出圖像的文件名。所以這一句的意思是在保存當前 .dot 文件的時候同時生成相應的 .png 文件以方便查看。
第二行的意思是當用戶按下 <leader>g 的時候用 JPEGView 打開上一步中生成的圖片文件。其中 %:p:r 表示圖片文件的絕對路徑（不知為什麼用 %<.png 的時候對在第二個標簽頁里打開的 .dot 文件不起作用。），:p 表示當前文件的路徑，:r 表示去除擴展名，詳情可在 VIM 中使用 filename-modifiers 進行查看。
現在就可以在 VIM 中編輯 .dot 文件並實時查看了。
就像這樣：
另外 VIM 有個 wmgraphviz 插件可以提供一些與 Graphviz 相關的功能，其中有個 GraphvizInteractive 命令按照官方的說法也可以實現實時預覽，不過可能並不支持在 Windows 下使用。如果你感興趣可以點擊這個鏈接：https://github.com/wannesm/wmgraphviz.vim
