天天看點

idea uml插件_有了IDEA中的這款插件,流程圖、類圖輕松搞定,簡直神器!

總有童鞋問,這個流程圖圖怎麼繪制的,這個UML類圖用什麼工具做的等等,今天給大家推薦一款idea插件PlantUml,來幫助大家快速快速完成繪制。

PlantUml是什麼

PlantUml是一個支援快速繪制的開源項目。其定義了一套完整的語言用于實作UML關系圖的描述,并基于強大的Graphviz圖形渲染庫進行UML圖的生成。繪制的UML圖還可以導出為圖檔,以及通用的矢量SVG格式檔案。

PlantUML的優點

  • 完全文本方式編輯,無需控件拖拽,自動調節圖元距離,簡單美觀
  • 與開發平台完全無關,不受平台限制,隻要有PlantUML jar包就能生成UML圖
  • 支援多種文本編輯器、ide的內建,例如idea、eclipse、notepad++等

作為一個Java coder,通常使用idea作為首選開發工具,我們以idea中的使用為主作介紹

idea安裝 PlantUML插件

File -> Settings -> Plugins 搜尋 PlantUML ,找到 PlantUML integration 并安裝

電腦安裝graphviz

下載下傳位址

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

配置環境變量

首先添加一個變量名GRAPHVIZ_HOME, 變量值為安裝路徑 D:WorkWareGraphviz2.38 在Path目錄下添加

%GRAPHVIZ_HOME%bin

, 多個配置之間要用 “;” 隔開 配置GRAPHVIZ_DOT, 變量值為

%GRAPHVIZ_HOME%bindot.exe

idea uml插件_有了IDEA中的這款插件,流程圖、類圖輕松搞定,簡直神器!
idea uml插件_有了IDEA中的這款插件,流程圖、類圖輕松搞定,簡直神器!

環境變量檢測

打開windows指令行, 使用dot -version出現以下頁面就代表配置正常

idea uml插件_有了IDEA中的這款插件,流程圖、類圖輕松搞定,簡直神器!

idea 配置graphviz

File -> Settings -> Other Settings -> PlantUML

idea uml插件_有了IDEA中的這款插件,流程圖、類圖輕松搞定,簡直神器!

使用plantUML畫流程圖

建立uml 檔案

idea uml插件_有了IDEA中的這款插件,流程圖、類圖輕松搞定,簡直神器!

輸入測試文字

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

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

右邊會實時現實流程圖

idea uml插件_有了IDEA中的這款插件,流程圖、類圖輕松搞定,簡直神器!

也可以根據所寫的類,建立一個UML類圖。也可以參考我們前天推薦的方式:IDEA中一個被低估的功能,一鍵把項目代碼繪制成UML類圖

idea uml插件_有了IDEA中的這款插件,流程圖、類圖輕松搞定,簡直神器!

其他

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

idea uml插件_有了IDEA中的這款插件,流程圖、類圖輕松搞定,簡直神器!

繼續閱讀