“在 vscode 上设置 plantuml”

步骤1：安装 VS Code

首先需下载并安装最新版的 VS Code。官方网站：https://code.visualstudio.com/

步骤2：安装 PlantUML 插件

在 VS Code 中搜索 “plantuml” 插件并安装，或者点击此链接：https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml

步骤3：安装 Java 运行环境

PlantUML 是一款基于 Java 的工具，需要先安装 Java 运行环境。请确保您已经安装或有一个有效的 Java 运行环境。

步骤4：安装 Graphviz

PlantUML 另一个必要的组件是 Graphviz（一个开源的图形可视化工具），它可以可视化和布局 UML 图，它还可以在绘制时自动调整元素的位置。

Windows 用户可从官网下载 Graphviz：https://graphviz.gitlab.io/_pages/Download/Download_windows.html

Mac 用户可通过 Homebrew 命令行安装：brew install graphviz

Linux 用户可用命令行安装：sudo apt-get install graphviz

步骤5：设置 PlantUML 的路径

在 VS Code 的菜单栏选择 “File” > “Preferences” > “Settings” 或者按下 “Ctrl” + “，” 进入设置界面。

在搜索栏输入 “plantuml.render”，找到 PlantUML 设置的路径，然后输入 Java 和 Graphviz 的安装路径。

例如：

“plantuml.render”：{ “render”：”PlantUMLServer”，

“plantuml.server”：“http://www.plantuml.com/plantuml”，

“plantuml.jarPath”：“C：\ Program Files \ plantuml \ plantuml.jar”，

“plantuml.graphvizDotPath”：“C：\ Program Files \ Graphviz \ bin \ dot.exe” }

步骤6：绘制 PlantUML 图

在 VS Code 中创建一个 .puml 文件，并编写 UML 代码。点击右键，选择 “Preview Current File” 或 “Preview Current Mermaid Graph” 可以在 VS Code 中预览生成的图形。

至此，您应该成功地将 PlantUML 集成到了 VS Code 环境中。