Visual Studio Code + Graphviz + PlantUML

1. 安裝 Visual Studio Code
2. 安裝 Visual Studio Code Graphviz 擴展，文件-》首選項-》擴展，輸入 Graphviz 搜索，選擇 發佈者爲 Stephanvs 的名爲 Graphviz (dot) language support for Visual Studio Code 的擴展
3. 安裝 Visual Studio Code PlantUML 擴展，文件-》首選項-》擴展，輸入 PlantUML 搜索，選擇發佈者爲 jebbs 的名爲 PlantUML 的擴展
4. 設置 Visual Studio Code PlantUML 擴展，文件-》首選項-》設置-》用戶-》擴展-》PlantUML 配置，Render 屬性設置爲 PlantUMLServer，Server 屬性設置爲官方的 https://www.plantuml.com/plantuml 地址；
5. 重啓 Visual Studio Code
6. 新建文件，輸入測試代碼，光標在測試代碼塊內時，Ctrl + D 即可預覽代碼對應的 UML 圖
7. PlantUML 語法簡單，可現用現看，PlantUML 中文文檔

測試代碼如下

@startuml order
hide empty description
[*] --> 待處理
待處理 : 商家待處理
待處理 --> 待使用:商家排座
待使用 --> 已使用:商家掃碼入座
已使用 : 已使用待結賬

state 退款{
 待使用 --> 退款中:申請退款
 退款中--> 退款成功:商家審覈
 退款中--> 退款失敗:商家審覈
 待使用 --> 退款成功:商家退款
}

待使用 --> 已取消:用戶取消
待使用 --> 已取消:商家取消

待處理 --> 待處理:用戶修改訂單
待使用 --> 待處理:用戶修改訂單

已使用 --> 待評價:用戶結賬
已使用 --> 待評價:商家結賬
待評價 : 已使用已結賬
待評價 --> [*]:用戶評價
@enduml