linux系统中如何在vscode中PlantUML编写配置

本文介绍了如何在UOS/Linux操作系统上使用VSCode结合PlantUML插件进行本地UML图绘制。首先,需要安装VSCode、Java环境和Graphviz。然后,安装PlantUML插件和Markdown软件。通过ALT+D快捷键或MarkdownPreviewEnhanced插件预览UML图。测试用例包括时序图和类图。在遇到问题时,如PlantUML.jar未找到或版本过旧,需下载jar包并更新设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如何在vscode中UML编写配置

学习网站 PlantUML,此网站可以在线绘制UML,但受到网络性能影响,所以我们选用vscode+PlantUML插件的方法在本地绘制。

使用的操作系统为UOS操作系统,linux操作系统。

PlantUML使用要求:

  • Java: 是运行PlantUML的必需条件, 请在您的环境中安装Java。
  • graphviz-dot: 可选的, 但是建议安装 (如果想绘制除 时序图和活动图以外的图, 就需要安装 Graphviz 软件)

1.安装vscode

* 下载vscode安装deb包安装[vscode链接](https://code.visualstudio.com/Download)
   $sudo dpkg -i xxx.deb
* 从系统自带的软件商店安装

2.安装Java环境

   sudo apt-get install openjdk-11-jdk

3.安装graphviz

   sudo apt-get install  graphviz 

4.安装PlantUML插件

在这里插入图片描述

5. 安装markdown软件

在这里插入图片描述
右键,note:需要给目录添加信任。
在这里插入图片描述
在这里插入图片描述

6. 测试是否PlantUML插件是否工作正常

  • 1.ALT+D如果可以显示此文档中的UML图即为正常.
  • 2.也可以直接安装Markdown Preview Enhanced插件preview md文件如果正常显示也可以。

测试时序图:

@startuml
participant participant as Foo
actor actor as Foo1
boundary boundary as Foo2
control control as Foo3
entity entity as Foo4
database database as Foo5
collections collections as Foo6
queue queue as Foo7
Foo -> Foo1 : To actor
Foo -> Foo2 : To boundary
Foo -> Foo3 : To control
Foo -> Foo4 : To entity
Foo -> Foo5 : To database
Foo -> Foo6 : To collections
Foo -> Foo7 : To queue
@enduml

在这里插入图片描述

测试类图:

@startuml
class Object << general >>
Object <|--- ArrayList

note top of Object : In java, every class\nextends this one.

note "This is a floating note" as N1
note "This note is connected\nto several objects." as N2
Object .. N2
N2 .. ArrayList

class Foo
note left: On last defined class

@enduml

在这里插入图片描述

6. 现实效果

在这里插入图片描述

问题

Error: plantuml.jar file not found: “”

Please download plantuml.jar from https://plantuml.com/download.

If you are using VSCode, then please set the setting “markdown-preview-enhanced.plantumlJarPath” to the absolute path of plantuml.jar file.

在这里插入图片描述
使用find命令找到plantuml.jar包的绝对路径。

cd ~
find . -name plantuml.jar

设置markdown-preview-enhanced.plantumlJarPath的路径为包的绝对路径路劲保存
在这里插入图片描述

问题二

PlantUML 1.2022.7
 
<b>This version of PlantUML is 422 days old, so you should
<b>consider upgrading from https://plantuml.com/download
[From string (line 11) ]
 
@startuml
 
 
 
partition URLRequest {
 
:URLRequest::Start;
 
floating note left: 网络请求从这里开始,
\n 1. 记录请求时间(开始时间)
Syntax Error?

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三雷科技

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值