橫空出世，比Visio快10倍的畫圖工具來(lái)了。

• PlantUml是什么
• PlantUML的優(yōu)點(diǎn)
• idea安裝 PlantUML插件
• 電腦安裝graphviz
• idea 配置graphviz
• 使用plantUML畫流程圖
• 其他

總有童鞋問(wèn)，這個(gè)流程圖圖怎么繪制的，這個(gè)UML類圖用什么工具做的等等，今天給大家推薦一款idea插件PlantUml，來(lái)幫助大家快速快速完成繪制。

PlantUml是什么

PlantUml是一個(gè)支持快速繪制的開源項(xiàng)目。其定義了一套完整的語(yǔ)言用于實(shí)現(xiàn)UML關(guān)系圖的描述，并基于強(qiáng)大的Graphviz圖形渲染庫(kù)進(jìn)行UML圖的生成。繪制的UML圖還可以導(dǎo)出為圖片,以及通用的矢量SVG格式文件。

推薦下自己做的 Spring Boot 的實(shí)戰(zhàn)項(xiàng)目：

https://github.com/YunaiV/ruoyi-vue-pro

PlantUML的優(yōu)點(diǎn)

• 完全文本方式編輯，無(wú)需控件拖拽，自動(dòng)調(diào)節(jié)圖元距離，簡(jiǎn)單美觀
• 與開發(fā)平臺(tái)完全無(wú)關(guān)，不受平臺(tái)限制，只要有PlantUML jar包就能生成UML圖
• 支持多種文本編輯器、ide的集成，例如idea、eclipse、notepad++等

作為一個(gè)Java coder，通常使用idea作為首選開發(fā)工具，我們以idea中的使用為主作介紹

推薦下自己做的 Spring Cloud 的實(shí)戰(zhàn)項(xiàng)目：

https://github.com/YunaiV/onemall

idea安裝 PlantUML插件

File -> Settings -> Plugins 搜索 PlantUML ，找到 PlantUML integration 并安裝

電腦安裝graphviz

下載地址

https://graphviz.gitlab.io/_pages/Download/windows/graphviz-2.38.msi

配置環(huán)境變量

首先添加一個(gè)變量名GRAPHVIZ_HOME, 變量值為安裝路徑 D:\WorkWare\Graphviz2.38 在Path目錄下添加 %GRAPHVIZ_HOME%\bin, 多個(gè)配置之間要用 “;” 隔開 配置GRAPHVIZ_DOT, 變量值為 %GRAPHVIZ_HOME%\bin\dot.exe

環(huán)境變量檢測(cè)

打開windows命令行, 使用dot -version出現(xiàn)以下頁(yè)面就代表配置正常

idea 配置graphviz

File -> Settings -> Other Settings -> PlantUML

使用plantUML畫流程圖

新建uml 文件

輸入測(cè)試文字

@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

Alice -> Bob: Another authentication Request
Alice <-- Bob: another authentication Response
@enduml

右邊會(huì)實(shí)時(shí)現(xiàn)實(shí)流程圖

也可以根據(jù)所寫的類，創(chuàng)建一個(gè)UML類圖。也可以參考我們前天推薦的方式：IDEA中一個(gè)被低估的功能，一鍵把項(xiàng)目代碼繪制成UML類圖

其他

如果不想裝graphviz，想直接用，可以下載chrome插件PlantUML Viewer，安裝之后直接編輯文本，可以在瀏覽器直接顯示。