vscode使用plantuml教程

### VSCode 中使用 PlantUML 的教程

#### 安装 Visual Studio Code 和 PlantUML 插件
为了能够在 VSCode 中使用 PlantUML 绘制图表，需先确保已安装最新版本的 Visual Studio Code[^1]。完成安装后启动应用程序。

接着，在左侧边栏点击扩展图标（四个方块组成的图标），输入 "PlantUML" 进行搜索并找到合适的插件进行安装[^3]。这一步骤完成后即可开始创建 .pu 文件来编写 PlantUML 脚本。

#### 编写第一个 PlantUML 图表脚本
新建文件并将保存类型设为 `.pu` 或者其他支持 PlantUML 语法高亮显示的语言模式下的文件名。下面是一个简单的例子展示如何定义一个参与者与系统交互的过程：

@startuml
actor User as user
participant "System A" as sysA
user -> sysA : Login Request
sysA --> user : Authentication Response
@enduml

这段代码会生成一张包含两个角色——用户和系统之间的消息传递关系图。当编辑器识别到此格式的内容时，应该能够实时预览所形成的图像效果[^2]。

#### 配置 Graphviz (可选)
对于某些特定类型的 UML 图形渲染可能依赖于本地安装了Graphviz工具的情况；不过大多数情况下，默认设置已经足够满足日常需求，并不需要额外配置环境变量等操作[^4]。如果确实遇到问题，则按照官方说明文档指引来进行相应调整。