VSCode中好用的UML插件

在工作中做项目时，时常要梳理模块间的时序图；

在学习中阅读代码时，画好类图才能理清类与继承的关系。

基于此，一款好用的UML的工具，就会显得尤为重要。

这里推荐两款vscode中的UML插件：

1、PlantUML

功能强大，使用广泛：可以通过文本来画UML图

官方中文教程：UML Usage

GitHub网址：GitHub - plantuml/plantuml 

1. 准备工作 安装 Java： 确保你的电脑上安装了 Java（PlantUML 需要 Java 环境）。 你可以从 Oracle 或 OpenJDK 下载并安装。 安装完成后，运行 java -version 确认安装成功。 下载 Graphviz： PlantUML 需要 Graphviz 来生成某些图表。 下载地址：Graphviz 官网 安装完成后，将 dot 命令添加到环境变量路径中。 2.在 IDE 中配置 PlantUML 插件 IntelliJ IDEA 打开 IntelliJ IDEA，进入 File -> Settings -> Plugins。 搜索 PlantUML integration 插件，点击 Install 安装。 安装完成后，重启 IDEA。 创建一个新的 .puml 文件，开始编写 @startuml 代码。 按下快捷键 Alt + D 或右键选择 Preview Diagram，实时预览生成的图表。 VS Code 安装 PlantUML 扩展： 打开扩展市场（快捷键 Ctrl+Shift+X）。 搜索 PlantUML，点击 Install。 配置 PlantUML 运行环境： 确保 java 和 dot 命令可以在终端运行。 如果没有安装 Java 或 Graphviz，参考前面的准备工作。 在 VS Code 中创建 .puml 文件。 按快捷键 Alt+D 打开预览窗口。 Eclipse 在 Eclipse 的插件市场中搜索 PlantUML。 安装插件并重启 Eclipse。 创建一个 .puml 文件并编辑，右键选择 Show UML Diagram 进行预览。

示例1：

@startuml
actor User
participant "System" as Sys
User -> Sys: Login
Sys --> User: Success
@enduml

效果：

示例2：

示例3：

 如果你的电脑没有vscode或不想装插件，也可以使用网页版在线编辑：Online PlantUML

2、Draw.io Integration

操作灵活，直观便捷：可以通过拖拽的方式来生成UML