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