VSCode+Markdown+PlantUml

安装VSCode

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

VSCode+Markdown

安装插件

选择扩展选项

VSCode+Markdown+PlantUml_第1张图片

简体中文插件

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

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

VSCode+Markdown+PlantUml_第2张图片

MarkDown相关插件

ps: Markdown Preview Enhanced 的版本选择需要注意,因为我在偶然升级到最新的版本后UML图突然不能预览了。最后没办法有降到低版本才恢复正常。我最终选择的是:V0.6.0

VSCode+Markdown+PlantUml_第3张图片

检验

创建test.md文件

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

点击预览选项

VSCode+Markdown+PlantUml_第4张图片

看到如下界面,说明OK

VSCode+Markdown+PlantUml_第5张图片

VSCode+Markdown+PlantUml

安装插件

VSCode+Markdown+PlantUml_第6张图片

ps:同上一个出问题的插件一样,我在升级PlantUml这个插件后,同样也不能预览UML。最终选择降级,回到v2.17.0版本后才正常。

检验

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

```plantuml 
@startuml 
start 
:编写内容; 
repeat:检查版本; 
backward:降低版本,更新插件; 
repeat while (检查通过); 
:预览UML; 
stop 
@enduml 
```

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

VSCode+Markdown+PlantUml_第7张图片

相关连接地址

PlantUml语法:时序图的语法和功能

VSCode下载地址:Visual Studio Code - Code Editing. Redefined

你可能感兴趣的:(vscode,uml)