Vscode安装PlantUML插件绘制UML图

安装plantuml插件,新建任意文件,写入如下时序图代码,Alt+D预览UML图片。
Ctrl+Shift+P -> PlantUML:导出当前文件图表,保存成PNG图片

@startuml

Bob -> Alice : Hello, how are you
Alice -> Bob : Fine, thank you, and you?

@enduml

Windows下载安装图形可视化插件graphviz-*.zip,解压并配置环境变量。(只编写时序图则无需安装,直接使用Vscode插件即可。)
https://www.graphviz.org/download/

快速上手推荐:https://www.jianshu.com/p/e92a52770832

详细语法归纳:http://archive.3zso.com/archives/plantuml-quickstart.html#sec-5-1

比较全的用法示例:https://blog.csdn.net/myfriend0/article/details/78673718

官方图例语法:http://plantuml.com/zh/

官方参数详解(含样式):https://plantuml-documentation.readthedocs.io/en/latest/diagrams/sequence.html#


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 using1174@foxmail.com

文章标题: Vscode安装PlantUML插件绘制UML图

文章字数: 180

本文作者: Jun

发布时间: 2019-05-27, 10:59:00

最后更新: 2019-05-27, 17:32:12

原始链接: http://yoursite.com/2019/05/27/Vscode安装PlantUML插件绘制UML图/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏