UML 在 vs-code上的快速使用

UML 在 vs-code上的快速使用

  • 1.软件准备工作
  • 2.创建第一张甘特图
    • [2.1 创建 UML文件: xxxx. puml](#2.1 创建 UML文件: xxxx. puml)
    • [2.2 输入甘特图代码](#2.2 输入甘特图代码)
    • [2.3 VS code 生成甘特图](#2.3 VS code 生成甘特图)
  • [结束 。](#结束 。)

1.软件准备工作

复制代码
  使用的软件为:VS CODE
  使用插件 : PluntUML

2.创建第一张甘特图

2.1 创建 UML文件: xxxx. puml

2.2 输入甘特图代码

复制代码
@startuml LoginSequence

User o-> Client: login
Client -> Server: http
Server -> Server: check
Server -> Client: 200/ok
Client ->o User: success

@enduml

2.3 VS code 生成甘特图

将2.2中的code 复制进 .puml 文件中, 然后生成甘特图。

使用指令: alt + d

结束 。

相关推荐
未定义.2214 小时前
电子削铅笔刀顺序图详解:从UML设计到PlantUML实现
java·软件工程·uml
aiden:)6 小时前
UML 活动图深度解析:以在线购物系统为例
软件工程·软件构建·uml
未定义.2211 天前
UML-网络媒体教学系统顺序图深度解析
软件工程·uml
aiden:)1 天前
UML 状态图:以共享汽车系统状态图为例
汽车·软件工程·软件构建·uml
Yulong Huang3 天前
UML概览
uml
aiden:)4 天前
网上图书销售系统 UML 状态图解析:触发器事件、动作与监视条件
设计模式·软件工程·软件构建·uml
青木川崎4 天前
UML统一建模
uml
aiden:)4 天前
UML 状态图:陪伴机器人系统示例
机器人·软件工程·软件构建·uml
aiden:)4 天前
手机状态:UML 状态图(State Diagram)的解析与绘画
软件工程·uml
aiden:)4 天前
UML 状态图:解锁电子图书馆管理系统的高效设计
架构·软件工程·软件构建·uml