安裝 graphviz

Graphviz的是AT&T Labs Research開發的圖形繪製工具,他可以很方便的用來繪製結構化的圖形網路,支援多種格式輸出,生成圖片的質量和速度都不錯。（摘自百度百科）

Mac 安裝 graphviz只需一條命令。

brew install graphviz
複製程式碼

安裝Sublime Text

筆者使用的文字編輯工具比較多。VScode、Atom、Sublime、UltraEdit。其實都沒有掌握太高深的用法，只覺得哪個好用就用哪個。

下載地址見官網。

安裝PlantUml

這其實是一個支援安裝Sublime的外掛,支援VScode等其他文字編輯工具。

開啟Package Control，輸入install

選中Install Package後，在新頁面輸入plantuml。

點選PlantUMLDiagrams進行安裝。

配置快捷鍵

安裝後，配置好快捷鍵，按照圖中步驟，配置預設快捷鍵。

貼上以下內容，將可以使用command+m快捷鍵顯示UML圖片。

[ 
{"keys": ["super+m"], "command": "display_diagrams"}
]
複製程式碼

新增依賴jar

切記，最後一步，需要指定plantuml.jar，不然將生成不了最終的UML效果圖片。

並提示:No diagrams overlap selections.Nothing to process。

plantuml.jar下載地址。

將下載下來的jar檔案複製到**Application Support/Sublime Text 3/Packages/PlantUmlDiagrams/diagram/**目錄下

設定語法高亮

在頁面右下角，選擇需要高亮的語法，推薦PlantUmlDiagrams->Diagram。

驗證

@startuml

class A
note right: 這是測試類 A

@enduml
複製程式碼

複製上面的內容，command+m生成下面的圖片。

*注：針對中文亂碼的情況，可以新增utf-8編碼支援。

修改標記的檔案最後一行"charset": null 為 "charset": "UTF-8"。

此處是廣告：Flueky的技術小站