转自: https://blog.csdn.net/wei549434510/article/details/79587441
在 VS Code中安装Markdown Preview Enhanced插件后,在Mrakdown使用PlantUML语法画相关UML图的不显示的问题
利用Markdown Preview Enhanced使用PlantUML语法:
1、PlantUML的图形预览依赖于Graphviz软件。Windows版下载
2、配置环境变量
安装好Graphviz后(比如我安装在:D:\Software\Graphviz),添加环境变量:
变量名:GRAPHVIZ_DOT
变量值:D:\Software\Graphviz\bin\dot.exe
注:变量值是根据我的安装目录配置的。
这样,可以使用PlantUML语法显示图形了。
使用VS CODE+PlantUML高效画图
PlantUML是一个快速创建UML图形的组件,官网上之所以称它是一个组件,我想主要是因为多数情况下我们都是在Eclipse、NetBenas、Intellijidea、 Emacs、Word、VS CODE、Sublime等软件里来使用PlantUML(参看各软件相关配置)。
PlantUML支持的图形有:
- sequence diagram,
- use case diagram,
- class diagram,
- activity diagram (here is the new syntax),
- component diagram,
- state diagram,
- object diagram,
- wireframe graphical interface
PlantUML通过简单和直观的语言来定义图形,它可以生成PNG、SVG和二进制 图片。下面是一个简单的示例:
@startuml
Bob -> Alice : Hello, how are you
Alice -> Bob : Fine, thank you, and you?
@enduml
安装plantuml
plantuml实际上是安装的插件(VS CODE插件),需要graphviz渲染画图,以及需要安装java支撑plantuml运行
- 首先你需要安装VS CODE,一般都有
- 安装plantuml插件
- 去 graphviz官网下载其安装包
- 安装java
安装好之后,新建一个文件,使用上面的示例,拷贝之后,在win32下是alt+d,mac下是command+d即可生成相关uml图
将脚本导出成图片
在脚本处右键,即有导出图片的选项
语法
语法可以参照这篇文章,非常详细
http://archive.3zso.com/archives/plantuml-quickstart.html#sec-5-1
或者想快速用可以参考这篇,比较简略