VSCode Markdown与PlantUML

 

1. 下载plantuml-server:jetty

$ docker pull plantuml/plantuml-server:jetty

2. 运行plantuml-server:jetty

PS C:\Users\Test> docker run -d -p 9090:8080 plantuml/plantuml-server:jetty
baa6bca28f44a3afc02416c22f6b184eebdeda93694b6940fb940c225e005800

VSCode Markdown与PlantUML_第1张图片

3. 在VSCode安装plantuml插件

4. 在VSCode中对plantuml插件配置

      打开Settings

         

VSCode Markdown与PlantUML_第2张图片

在Setting中,配置plant.server

VSCode Markdown与PlantUML_第3张图片

5. 在Markdown中嵌入plantuml代码,预览效果

Alt+D预览效果。


```plantuml
@startuml imagetools
alice -> bob:hello
bob -> tom: hi
@enduml
```
VSCode Markdown与PlantUML_第4张图片 预览效果

参考

1. GitHub: plantuml-server

2. Docker: plantuml-server

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