当前位置: 首页 > 工具软件 > mermaid > 使用案例 >

vscode使用mermaid

鲍建业
2023-12-01

官方文档

说明

类型

名称对应的语法
流程图flowchart
时序图sequenceDiagram
甘特图(进度图)gantt
类图classDiagram
状态图stateDiagram
饼图pie

方向

一般流程图需要方向

方向对应的意思
TB从上到下
LR从左到右

节点以及节点形状

节点形状对应的语法
圆形((…))
方形默认或者[…]
圆角矩形([…])
菱形{…}

节点关联

连接线表示方式
无箭头线
带箭头线–>
虚线-.-
粗线==>

中间穿插文字

直接穿插
或者使用 -->|123|

流程图示例

正确
不正确
123
是否正确
C
G
D
E
F
 类似资料: