-
安装VS Code:
如果你还没有安装VS Code,请访问VS Code官网下载并安装。 -
安装PlantUML插件:
- 打开VS Code后,点击左侧的扩展按钮(或使用快捷键
Ctrl+Shift+X
)打开扩展面板。 - 在搜索框中输入“PlantUML”,从搜索结果中找到并安装适合你需求的PlantUML插件。通常,“PlantUML”或“PlantUML Previewer”是常用的选择。
- 打开VS Code后,点击左侧的扩展按钮(或使用快捷键
-
安装Java和Graphviz(如果需要本地渲染):
- PlantUML需要Java运行环境。如果你还没有安装Java,请访问Java官网下载安装。
- 对于复杂的图表,PlantUML可能还需要Graphviz来计算图表中的位置。你可以通过系统的包管理器(如apt、yum等)安装Graphviz。
创建批处理
@echo off"C:\Program Files\Java\jre-1.8\bin\java.exe" -jar "D:\Users\m04986a\.vscode\extensions\jebbs.plantuml-2.18.1\plantuml.jar" %*
-
创建一个PlantUML文件:
- 在VS Code中,创建一个新文件,并将其保存为
.puml
扩展名(或其他PlantUML支持的文件格式,如.plantuml
)。
- 在VS Code中,创建一个新文件,并将其保存为
-
编写PlantUML代码:
- 在
.puml
文件中,使用PlantUML的语法编写你的UML图表代码。例如,你可以编写一个简单的类图或时序图。 - PlantUML的语法非常直观,你可以通过查阅PlantUML官方文档来了解更多详细信息和示例。
- 在
-
预览和导出图表:
- 编写完代码后,你可以使用快捷键(通常是
Alt+D
或右键点击并选择“Preview Current Diagram”)来预览生成的UML图表。 - 预览窗口将显示在VS Code的侧边栏中。
- 如果你想导出图表,可以在预览窗口的右上角找到一个导出按钮,点击它可以将当前图表导出为PNG、SVG、PDF等格式。
- 编写完代码后,你可以使用快捷键(通常是
-
配置PlantUML插件(可选):
- 你可以在VS Code的设置中搜索“PlantUML”来找到并配置相关设置选项,如输出格式、图像尺寸等。
请注意,以上步骤可能因插件版本和VS Code的更新而略有不同。如果你在使用过程中遇到问题,建议查阅插件的官方文档或寻求社区的帮助。
此外,如果你主要绘制的是小型图表,并且始终在线工作,你可能不需要安装Java和Graphviz,而是可以在VS Code中设置在线解析。这通常可以在PlantUML插件的设置中找到并配置。
测试代码
@startuml skinparam shadowing false Alice -> Bob: Authentication Request Bob --> Alice: Authentication Response Alice -> Bob: Another authentication Request Alice <-- Bob: Another authentication Response @enduml
标签:插件,PlantUML,Java,VS,图表,Code From: https://www.cnblogs.com/CChild/p/18214928