使用VSCode编辑Markdown+PlantUml

vscode :https://code.visualstudio.com/

什么是markdown:

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

在vscode上安装MarkDown相关插件:

  • Markdown Preview Enhanced
  • Markdown All io One

什么是plantuml:

PlantUML是一个通用性很强的工具,可以快速、直接地创建各种图表。

使用 PlantUML,您可以创建结构良好的 UML 图表,包括但不限于以下内容:

序列图

用例图

类图

对象图

活动图

组件图

部署图

状态图

时序图

plantuml网站:

使用简单的文字描述画UML图的开源工具。

ubuntu安装plantuml相关插件:

1.sudo apt install graphviz.

2.安装java.

3.vscode上安装plantuml插件.

4.在https://plantuml.com/zh/download上面下载 plantuml_xxx.jar 相关文件,并在vscode设置上面查找markdown-preview-enhanced.plantumlJarPath,把plantuml_xxx.jar的路径设置上去.

在vscode上新建一个markdown文件,例如sequence.md,然后输入如下内容:

示例

以下是一个简单的示例,展示如何在 Markdown 文件中嵌入一个时序图:

示例文档

```plantuml

@startuml

Alice -> "Bob()" : Hello

"Bob()" -> "This is very\nlong" as Long

' You can also declare:

' "Bob()" -> Long as "This is very\nlong"

Long --> "Bob()" : ok

@enduml

```

然后点击窗口右上角的MarkDown Preview Enhanced按钮

,

可以显示如下效果:

相关推荐
golang学习记14 小时前
VSCode AI新特性:HydraFusion来了:系统会自己组队干活
ide·人工智能·vscode
文祐1 天前
下载Visual Studio 2017 Build Tools version 15.9
ide·visual studio
golang学习记1 天前
Jetbrains 正式官宣:全新AI IDE正式发布!
ide·人工智能·intellij-idea·air
mklpo1471 天前
在win7 sp1 系统上安装最新版 的 Visual Studio Code。2026-10-04
ide·vscode·编辑器
Highcharts.js2 天前
图表开发实战总结| 7 条“黄金法则”与“性能铁律”
前端·javascript·vue.js·编辑器·时序数据库·highcharts
1024奇点2 天前
【仓颉语言入门 · 第24课】
开发语言·ide·开源
广东帝工3 天前
智能防撞进入高增长周期:多技术融合推动桥梁防护从被动硬抗迈向主动预警时代
编辑器
oooost4 天前
Jupyter Notebook 常用快捷键速查
ide·python·jupyter
承渊政道4 天前
Linux系统学习【线程概念与控制核心知识详解】
linux·运维·vscode·学习·ubuntu·线程创建 终止 等待
yqj2344 天前
ESP32-S3中小智项目优化内容
ide·macos·xcode