mac+sublime text利用PlantUML插件畫圖

一、背景與準備工作

1. 在技術開發過程中，往往會涉及到要畫流程圖或者時序圖等來梳理業務邏輯的時候，這個時候，使用我們的sublime編輯器就能實現畫圖功能。
2. 這裏只討論mac，畫圖前準備：
   （1）安裝sublime編輯器
   （2）安裝java
   （3）安裝Graphviz(開源的圖片渲染庫): brew install graphviz

二、安裝PlantUML

1. PlantUML 是一個畫圖腳本語言，用它可以快速地畫出：時序圖、流程圖、用例圖、狀態圖、組件圖。
2. 簡單地講，我們使用 visio 或者 Omni Graffle 畫圖時需要一個一個圖去畫，但使用 PlantUML 只需要用文字表達出圖的內容，然後就可以直接生成圖片。
3. sublime配置設置：
   （1）使用 Command-Shift-P 打開 Command Palette
   （2）輸入 add repository 找到 Package Control:Add Repository
   （3）在下方出現的輸入框中輸入 https://github.com/jvantuyl/s... 然後回車
   （4）等待添加完成後再次使用 Command-Shift-P 打開 Command Palette
   （5）輸入 install package 找到 Package Control:Install Package
   （6）等待列表加載完畢，輸入 diagram 找到 sublime_diagram_plugin 安裝
   （7）重啓 Sublime Text
4. 重啓後可以在 Preferences -> Packages Setting 看到 Diagram ，默認綁定的渲染快捷鍵是 super + m 也就是 Command + m 如果不衝突直接使用即可。

三、簡單使用

1. 使用的話比較簡單，繪圖的內容需要包含在 @startuml 和 @enduml 中，不然會報錯。
2. 在文本中輸入以下內容：
   @startuml
   Bob -> Alice : Hello, how are you
   Alice -> Bob : Fine, thank you, and you?
   @enduml
3. 按 Command + m 會在當前工作目錄下生成這個圖片文件，同時自動彈出窗口顯示如下圖片。
   

四、參考鏈接

https://www.tuicool.com/articles/iui6FjQ