VSCode+Markdown+PlantUml

wxbcsdn

已于 2024-08-14 15:55:08 修改

阅读量1.1k

点赞数 5

文章标签： vscode uml

于 2023-09-05 17:07:08 首次发布

本文链接：https://blog.youkuaiyun.com/wxbcsdn/article/details/132696304

版权

本文介绍了如何在VSCode中安装和配置Markdown及插件，包括简体中文插件的选择，MarkdownPreviewEnhanced和PlantUml插件的版本管理，以及如何使用PlantUML进行UML图的预览。

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

安装VSCode

文末有下载链接，下载安装即可

VSCode+Markdown

安装插件

选择扩展选项

简体中文插件

作为一个中国人，当然是简体中文看起来爽啊

搜索框输入 Chinese ,选择中文简体的安装，OK

MarkDown相关插件

Markdown Preview Enhanced
Markdown All io One

检验

创建test.md文件

# 标题一 
## 标题二 
### 标题三 
#### 标题四 
##### 标题五 
###### 标题六 
__aaa__ 
___aaa___ 
~~aaa~~

点击预览选项

看到如下界面，说明OK

VSCode+Markdown+PlantUml

安装插件

PlantUML

检验

在test.md文件中添加一下内容

```plantuml
@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

Alice -> Bob: Another authentication Request
Alice <-- Bob: Another authentication Response
@enduml
```

点击预览按钮就可正常在markdown中预览啦！！！,效果如下图：

关于UML不能预览的问题

由于 Markdown Preview Enhanced（版本小于 0.7.0）和PlantUML插件内置了plantuml.jar，可不用下载单独的plantuml.jar即可正常预览uml;
如果 Markdown Preview Enhanced 插件选择的版本大于等于0.7.0，则需要单独下载plantuml.jar 并在setting中设置 markdown-preview-enhanced.plantumlJarPath,值为jar文件的绝对路径，uml方可正常预览；
如果需要使用plantuml的标准库，mac 系统还需要下载 graphviz，mac安装方法如下：
```
brew info graphviz
brew install graphviz
```
windows版的插件内置了 graphviz，如果需要安装其他版本的可参照插件细节中的描述进行操作；
PlantUML替换内置jar的配置项为：plantuml.jar,值同样为下载的plantuml.jar文件的绝对路径。