VSCode中Plantuml和Markdown搭配使用
需要
- Java环境(PlantUML需要java环境)
- VSCode (不必多说)
- VSCode插件
-
PlantUML
支持在VSCode中导出PlantUML -
Markdown All in One
支持Markdown在VSCode中的使用,包括即时预览,快捷键,导出等命令 -
其他
- PlantUML Server
提供PlantUML 服务支持
下载地址:https://github.com/plantuml/plantuml-server
可用Idea或者Eclipse导入项目,运行。支持maven,docker。
安装
-
VSCode商店搜索插件,安装。
-
导入PlantUML Server之后,运行,该项目为Jsp项目,按照Jsp项目运行方式运行。log出现一串链接即为运行成功。
-
打开VSCode设置(快捷键Ctrl+,),搜索plantuml
设置plantuml.render为local
设置plantuml.server,输入上面PlantUML运行成功后日志输出的链接http://localhost:8080/plantumlservlet
(可以不用安装本地Server,直接使用官方的Server:http://www.plantuml.com/plantuml,但这意味着你的文件共享在网络上,如果是私密文件请使用本地Server)
2020年7月17日更新
使用
- 在VSCode中新建Markdown文件,可以开始写了
Markdown中写PlantUML语法为
```plantuml 这里写plantuml ```
- 快捷键Shift+Ctrl+P,打开VSCode命令栏,输入plantuml,可以看到导出的选项。
- 完成
无需启动server
经测试,VSCode中只需要安装PlantUML相关插件,就能渲染plantuml图形。
相关插件:
- PlantUML
- Markdown All In One
- Markdown Preview Enhanced