如何在VS Code中使用PlantUML

如何在VS Code中使用PlantUML

要在Visual Studio Code (VS Code) 中使用PlantUML来创建UML图，按照以下步骤操作

1. 安装PlantUML插件：打开VS Code，进入扩展商店，搜索并安装 PlantUML 插件。

2. 安装Graphviz：PlantUML需要Graphviz来生成图形，需要安装Graphviz。对于Windows系统，从Graphviz官网下载安装包，并设置环境变量 GRAPHVIZ_DOT 指向 dot.exe 的路径。Graphviz 的官网 (https://graphviz.org/download/) 

3. 安装Graphviz Preview插件：为了在VS Code中查看生成的UML图，需要安装 Graphviz Preview 插件。

4. 编写PlantUML代码：在VS Code中创建一个新的.puml文件，并编写PlantUML代码。

示例如下：

@startuml
用户 --> 认证中心: 登录操作
认证中心 --> 缓存: 存放(key=token+ip, value=token) token
用户 <-- 认证中心: 认证成功返回 token
用户 --> 认证中心: 下次访问头部携带 token 认证
认证中心 <-- 缓存: key=token+ip 获取 token
其他服务 <-- 认证中心: 存在且校验成功则跳转到 用户请求的其他服务
@enduml

        5.查看UML图：编写完代码后，按下 Alt + D（在Mac上是 Command + D），VS Code将显示UML图的预览。