Sublime安裝PlantUML外掛

摘要： Graphviz的是AT&T Labs Research開發的圖形繪製工具,他可以很方便的用來繪製結構化的圖形網路,支援多種格式輸出,生成圖片的質量和速度都不錯。（摘自百度百科） Mac 安裝 graphviz 只需一條命令。 brew install 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" 。

此處是廣告 ： ofollow,noindex">Flueky的技術小站