VS Code中使用PlantUML绘图
PlantUML 是一个开源项目,支持通过脚本绘图,所以 PlantUML 是一种建模语言。根据 http://plantuml.com/zh/,PlantUML 可以绘制如下种类的 UML 图:
- 时序图
- 用例图
- 类图
- 活动图
- 组件图
- 状态图
- 对象图
- 部署图
- 定时图
同时还支持以下非 UML 图:
- 线框图形界面
- 架构图
- 规范和描述语言 (SDL)
- Ditaa diagram
- 甘特图
- 思维导图
- Work Breakdown Structure diagram
- 以 AsciiMath 或 JLaTeXMath 符号的数学公式
- Entity Relationship diagram
本文先介绍如何在 VS Code 中使用 PlantUML,并给出一个绘制序时图的示例。
安装 PlantUML 扩展和 Graphviz 软件
首先在 VS Code 中安装 PlantUML 扩展,方法同安装其他扩展相同。打开 Extensions 面板,搜索 PlantUML,然后点击安装按钮进行安装。
在 Graphviz 的官网 (https://graphviz.gitlab.io/_pages/Download/Download_windows.html) 下载 Graphviz 软件的 msi 文件,然后安装。
绘图示例
这里给出一个绘制序时图的示例,主要介绍绘图、导出的使用方法。至于如何绘制各种不同的图,则需要对照 PlantUML 的文档进行学习。
新建一个 markdown 文件(扩展名为 md),然后输入绘图的开始和结束标志:
@startuml@enduml
在 @startuml
和 @enduml
之间是绘图的脚本。比如下面这张解释 WSGI 规范的图:
可以用 PlantUML 脚本描述为:
@startumlClient -> HttpServer: requestHttpServer -> WebApp: application_callable()
note right: application_callable(environ, start_response)WebApp -> HttpServer: start_response()
note right: start_response(status, headers, exc_info)WebApp -> HttpServer: return iteratorHttpServer -> Client: response@enduml
为了能看到及时的效果,在 Windows 版本的 VS Code 中,通过 Ctrl + Shift + P 打开命令面板,输入 PlantUML,找到 Preview Current Diagram 命令,或者通过 快捷键 Alt + D,打开预览页面。此时的界面如下:
完成后的绘图,可以导出多种格式,也是通过 Ctrl + Shift + P,打开命令面板,找到 Export Current Diagram 命令,导出。下图是完成后的 Diagram。
VS Code中使用PlantUML绘图相关推荐
- MFC中的GDI绘图
MFC中的GDI绘图 目录(?)[+] 什么是GDI 什么是DC MFC中与GDI有关的类 获取设备环境 设置坐标映射 创建绘图工具并选入DC 调用DC绘图函数绘图 三坐标映射实例 一.关于GDI的基 ...
- 在 VS Code 中开始使用 Python
原文地址:https://code.visualstudio.com/docs/python/python-tutorial 在本教程中,您将使用 Python 3 在 Visual Studio C ...
- ai中画板脱离绘图区域_AI让您脱离舒适区
ai中画板脱离绘图区域 So much in our lives is driven by things we cannot explain, why should AI be any differe ...
- MFC中的CDC 绘图
MFC中的CDC 绘图 绘图一般在视图类的(屏幕/打印机)绘图消息响应函数OnDraw中进行,例如: void CTestView::OnDraw(CDC* /*pDC*/) { C ...
- 为vs code中C++配置opencv4.5.4
不想自己编译的,可以尝试直接使用别人编译好的,不过要注意将包含dll文件的目录添加进系统变量.这样在没有包含dll文件的路径下运行包含opencv的程序时,才不会报dll缺失. 单独编译链接,没有li ...
- 【AIGC使用教程】GitHub Copilot 免费注册及在 VS Code 中的安装使用
欢迎关注[AIGC使用教程] 专栏 [AIGC使用教程]SciSpace 论文阅读神器 [AIGC使用教程]Microsoft Edge/Bing Chat 注册使用完全指南 [AIGC使用教程]Gi ...
- VS Code中的Python入门
VS代码中的Python入门 在本教程中,您将使用Python 3在Visual Studio Code中创建最简单的Python"Hello World"应用程序. 通过使用Py ...
- 如何在Visual Studio Code中编译C ++代码
PS: This was published on my Blog here. PS:这已发布在我的Blog 此处 . C++ is a statically-typed, free-form, (u ...
- 赠书:全球首本VS Code中文书来了,高效编程秘诀全收录!
自从Visual Studio Code第一个公开预览版本发布以来,这个轻量级的编辑器已经吸引了全球数以百万计的开发者.如今,Visual Studio Code已经有了超过1 200万的月活用户,并 ...
最新文章
- 图灵2月书讯:书籍,不可分离的生命伴侣
- UA PHYS515A 电磁理论III 静磁学问题1 Maxwell方程与静磁学问题
- shell grep 变量_Shell应用:巧用xargs 轻松实现上万文件的筛选压缩
- myeclipse mysql连接_MyEclipse连接MySQL数据库图文教程
- uniapp 子组件 props拿不到数据_来吧!一文彻底搞定Vue组件!
- php毕设,php毕设
- 二叉排序树的第k个结点
- 银行考试打字测试软件,银行考核打字,是否有什么练习软件?
- 线性代数 第四章 线性方程组 知识点总结(Jeff自我感悟)
- 【视频音频】雷霄骅开源视音频项目汇总
- 噇字符集linux增加,『转』Unicode汉字编码表
- Django部署服务器
- 回归分析中f多少合适_spss回归分析F值很大,有100多,这样合理吗
- 分享-IE游览器升级工具
- /Users/apple/.zshrc:2: command not found: i 终端报错解决方法
- 使Android Home键,Power键等按钮失效
- namenode启动异常问题解决
- Unity中 Prefab导出FBX
- 2022制冷与空调设备安装修理考试模拟100题及在线模拟考试
- 五、jQuery 对表单、表格的操作(走过路过瞅瞅吧)