【VSCode插件】Plantuml和Markdown搭配使用

需要

1. Java环境（PlantUML需要java环境）
2. VSCode （不必多说）
3. VSCode插件

• PlantUML
  支持在VSCode中导出PlantUML

• Markdown All in One
  支持Markdown在VSCode中的使用，包括即时预览，快捷键，导出等命令

• 其他

4. PlantUML Server
   提供PlantUML 服务支持
   下载地址：https://github.com/plantuml/plantuml-server
   可用Idea或者Eclipse导入项目，运行。支持maven,docker。

安装

1. VSCode商店搜索插件，安装。

2. 导入PlantUML Server之后，运行，该项目为Jsp项目,按照Jsp项目运行方式运行。log出现一串链接即为运行成功。
   

3. 打开VSCode设置（快捷键Ctrl+,），搜索plantuml
   设置plantuml.render为local
   设置plantuml.server，输入上面PlantUML运行成功后日志输出的链接http://localhost:8080/plantumlservlet

（可以不用安装本地Server，直接使用官方的Server:http://www.plantuml.com/plantuml，但这意味着你的文件共享在网络上，如果是私密文件请使用本地Server）

---

2020年7月17日更新

使用

1. 在VSCode中新建Markdown文件，可以开始写了

Markdown中写PlantUML语法为

    ```plantuml
    这里写plantuml
    ```

2. 快捷键Shift+Ctrl+P，打开VSCode命令栏，输入plantuml，可以看到导出的选项。
3. 完成

无需启动server

经测试，VSCode中只需要安装PlantUML相关插件，就能渲染plantuml图形。
相关插件：

• PlantUML
• Markdown All In One
• Markdown Preview Enhanced