寫文檔或者blog淹遵，遇到畫圖實在是花時間扼仲，通常我都是用draw.io來畫流程圖，draw.io已經(jīng)類似visio了，但是有時候拖拉起來也挺麻煩拜轨，所以想到找個工具用代碼生成流程圖航棱。網(wǎng)上實際上工具蠻多的骇两，typora就可以自帶流程圖宴咧，但是不是那么強大，也不如PlantUML專業(yè)燕耿，另一方面就是github不支持擴展的markdown語法中符。
所以我的做法就是用plantuml+vscode來解決畫流程圖的問題。
準備工作
1.PlantUML解析server
PlantUML的源文件支持*.wsd, *.pu, *.puml, *.plantuml, *.iuml. 但是我們需要搭建一個server用來解析內(nèi)容誉帅。
最簡單的做法肯定使用docker咯淀散，直接執(zhí)行以下命令來創(chuàng)建一個PlantUML：
docker run -d -p 8080:8080 plantuml/plantuml-server:jetty
等待image下完，就可以訪問http://localhost:8080啦蚜锨，你就可以在該網(wǎng)址上編輯自己的流程圖文件啦档插。
不過這樣你就體會不到快捷鍵以及文件管理的爽快了，這時就推薦使用vscode亚再，并且裝上PlantUML的插件郭膛。
2.vscode+PlantUML插件
直接進vscode的插件應用，搜索PlantUML并且安裝氛悬，我們就可以在vscode里面愉快的使用PlantUML了则剃。
簡單編輯一個wsd源文件：
"plantuml.server": "http://localhost:8080"
@startuml
participant User
User -> A: DoWork
activate A
A -> B: << createRequest >>
activate B
B -> C: DoWork
activate C
C --> B: WorkDone
destroy C
B --> A: RequestCreated
deactivate B
A -> User: Done
deactivate A
@enduml
恩，看看生成結(jié)果：
example.png
實際上流程圖很強大如捅，可以參考官方手冊畫更多的流程圖棍现。
總結(jié)
PlantUML+vscode可能比我描述得還要爽歪歪，另外由于通過代碼的方式镜遣，每個人的風格和標準都會一樣己肮，大家畫圖的時候也只用關心所要表達的邏輯。另外PlantUML實際上支持畫各種圖烈涮，在官網(wǎng)上大家可以看到相關的例子朴肺。
