別再用 Visio 了！試試這個(gè)比它快 10 倍的畫圖工具不香嗎？

總有童鞋問，這個(gè)流程圖圖怎么繪制的，這個(gè)UML類圖用什么工具做的等等，今天給大家推薦一款idea插件PlantUml，來幫助大家快速快速完成繪制。掌握之后，效率是 visio 等其他工具的 10 倍，甩的他們尾燈都看不見。
PlantUml是什么？
PlantUml是一個(gè)支持快速繪制的開源項(xiàng)目。其定義了一套完整的語言用于實(shí)現(xiàn)UML關(guān)系圖的描述，并基于強(qiáng)大的Graphviz圖形渲染庫進(jìn)行UML圖的生成。繪制的UML圖還可以導(dǎo)出為圖片,以及通用的矢量SVG格式文件。
官方網(wǎng)站：https://plantuml.com/zh/
為何這個(gè)工具這么牛逼？
因?yàn)檫@個(gè)工具的原理和 visio 不一樣，visio 是在界面上通過拖拽的方式畫圖，而 PlantUML 是通過寫代碼的方式畫圖。
對(duì)，你沒有聽錯(cuò)，你只需按照他規(guī)定的語法，寫一段代碼，PlantUML 立即幫你生成各種 UML 圖。
比如下面這段簡單的代碼，畫的是一個(gè)流程圖。
@startuml
用戶?->?認(rèn)證中心:?登錄操作
認(rèn)證中心?->?緩存:?存放(key=token+ip,value=token)token

用戶?<-?認(rèn)證中心?:?認(rèn)證成功返回token
用戶?->?認(rèn)證中心:?下次訪問頭部攜帶token認(rèn)證
認(rèn)證中心?<-?緩存:?key=token+ip獲取token
其他服務(wù)?<-?認(rèn)證中心:?存在且校驗(yàn)成功則跳轉(zhuǎn)到用戶請(qǐng)求的其他服務(wù)
其他服務(wù)?->?用戶:?信息
@enduml
對(duì)應(yīng)的效果
PlantUML的優(yōu)點(diǎn)
完全文本方式編輯，無需控件拖拽，自動(dòng)調(diào)節(jié)圖元距離，簡單美觀
與開發(fā)平臺(tái)完全無關(guān)，不受平臺(tái)限制，只要有PlantUML jar包就能生成UML圖
支持多種文本編輯器、ide的集成，例如idea、eclipse、notepad++等
作為一個(gè)Java coder，通常使用idea作為首選開發(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è)配置之間要用 “;” 隔開 配置GRAPHVIZ_DOT, 變量值為 %GRAPHVIZ_HOME%\bin\dot.exe。
環(huán)境變量檢測
打開windows命令行, 使用dot -version出現(xiàn)以下頁面就代表配置正常
idea 配置graphviz
File -> Settings -> Other Settings -> PlantUML
使用plantUML畫流程圖
新建uml 文件
輸入上面給出的測試文字，右邊會(huì)實(shí)時(shí)現(xiàn)實(shí)流程圖。
也可以根據(jù)所寫的類，創(chuàng)建一個(gè)UML類圖。也可以參考我們前天推薦的方式：IDEA中一個(gè)被低估的功能，一鍵把項(xiàng)目代碼繪制成UML類圖。
導(dǎo)出圖片/svg 文件/分享連接
在右邊圖的區(qū)域點(diǎn)擊右鍵，將顯示一系列菜單，其中包含了很多好用的工具，大家去體驗(yàn)下。
其他
如果不想裝graphviz，想直接用，可以下載chrome插件PlantUML Viewer，安裝之后直接編輯文本，可以在瀏覽器直接顯示。
來源：統(tǒng)合整理于網(wǎng)絡(luò)，版權(quán)歸原作者所有，本文僅為分享所用。