VS Code中使用PlantUML

 

1. 安装VS Code：
   如果你还没有安装VS Code，请访问VS Code官网下载并安装。

2. 安装PlantUML插件：

   • 打开VS Code后，点击左侧的扩展按钮（或使用快捷键Ctrl+Shift+X）打开扩展面板。
   • 在搜索框中输入“PlantUML”，从搜索结果中找到并安装适合你需求的PlantUML插件。通常，“PlantUML”或“PlantUML Previewer”是常用的选择。

3. 安装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" %*

 

1. 创建一个PlantUML文件：

   • 在VS Code中，创建一个新文件，并将其保存为.puml扩展名（或其他PlantUML支持的文件格式，如.plantuml）。

2. 编写PlantUML代码：

   • 在.puml文件中，使用PlantUML的语法编写你的UML图表代码。例如，你可以编写一个简单的类图或时序图。
   • PlantUML的语法非常直观，你可以通过查阅PlantUML官方文档来了解更多详细信息和示例。

3. 预览和导出图表：

   • 编写完代码后，你可以使用快捷键（通常是Alt+D或右键点击并选择“Preview Current Diagram”）来预览生成的UML图表。
   • 预览窗口将显示在VS Code的侧边栏中。
   • 如果你想导出图表，可以在预览窗口的右上角找到一个导出按钮，点击它可以将当前图表导出为PNG、SVG、PDF等格式。

4. 配置PlantUML插件（可选）：

   • 你可以在VS Code的设置中搜索“PlantUML”来找到并配置相关设置选项，如输出格式、图像尺寸等。

请注意，以上步骤可能因插件版本和VS Code的更新而略有不同。如果你在使用过程中遇到问题，建议查阅插件的官方文档或寻求社区的帮助。

此外，如果你主要绘制的是小型图表，并且始终在线工作，你可能不需要安装Java和Graphviz，而是可以在VS Code中设置在线解析。这通常可以在PlantUML插件的设置中找到并配置。
测试代码

?

1 2 3 4 5 6 7 8

@startuml skinparam shadowing false Alice -> Bob: Authentication Request Bob --> Alice: Authentication Response   Alice -> Bob: Another authentication Request Alice <-- Bob: Another authentication Response @enduml