Sublime安裝PlantUML插件

安裝 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的技術小站