linux系统中如何在vscode中PlantUML编写配置
如何在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?