使用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按钮

可以显示如下效果:

相关推荐
朝阳392 小时前
vscode 实用插件【Md Editor】即时渲染编辑 .md 文件(带工具条)
vscode
Rendy_2 小时前
github copilot vscode插件 没有模型
vscode·github·copilot
2301_793069824 小时前
VS-CODE 里的github copilot 不支持自己配置模型api
vscode
晚风予卿云月5 小时前
Linux编辑器—vim的使用
linux·编辑器·vim
DeadPool loves Star5 小时前
VSCode关闭Shell内联建议
ide·vscode·编辑器
超哥归来5 小时前
关闭vscode中git的行历史提示
ide·git·vscode·编辑器
勇往直前plus5 小时前
PyCharm 找不到包?Anaconda base 环境 pip 装到用户目录的排查与修复
ide·python·pycharm·conda·pip
golang学习记5 小时前
GoLand 2025.3 正式发布:Claude Agent 深度集成!
ide·idea·goland
UP_Continue6 小时前
Linux--vim编辑器
linux·编辑器·vim
朝阳396 小时前
vscode 实用插件【SlashMD — Block-Based Markdown】即时渲染编辑 .md 文件(无工具条,但编辑体验更好)
vscode