來(lái)源：網(wǎng)絡(luò)

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

PlantUml是什么

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

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

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

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

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è)配置之間要用 “;” 隔開(kāi) 配置GRAPHVIZ_DOT, 變量值為?%GRAPHVIZ_HOME%\bin\dot.exe

圖片

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

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

圖片

idea 配置graphviz

File -> Settings -> Other Settings -> PlantUML

圖片

使用plantUML畫(huà)流程圖

新建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ù)所寫(xiě)的類，創(chuàng)建一個(gè)UML類圖。也可以參考我們前天推薦的方式：IDEA中一個(gè)被低估的功能，一鍵把項(xiàng)目代碼繪制成UML類圖

圖片

其他

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