【VScode】使用VScode 来写markdown时序图

  • 准备工作
  1. 在VScode中下载插件Markdown Preview Enhanced插件
  2. 创建一个.md文件
  3. 在VScode中打开文件,界面内点击右键可以看到Open preview to the side(还有很多方法外面都能搜到),可以进行实时预览效果
  • 开始markdown

第一行必须是主标题,不然语法会报错:

     # headline 

     (注意空格)

  • 时序图
  1. 标志时序图
    ```sequence
    
    ```
  2. 在sequence中添加title和actor
    ```sequence
    title:communication
    
    participant main
    participant FuncA as A
    participant FuncB as B
    
    ```

  3. actor 的交互A->B: 

    交互必须加冒号,不然在VScode里面会报错。我也不知道为什么QAQ

    其它语法(常用)

    A-->B:

    A-->>B:

    Note right of A:

    Note left of A:

    Note over A:


时序图应用示例:    

# jsFunction

```sequence
title:communication

participant main
participant FuncA as A
participant FuncB as B

A-->B:
B->main:sendmessage
Note over A:NOTE_A
Note right of B:NOTE_B

```

    

    

猜你喜欢

转载自www.cnblogs.com/fishsoup/p/11057463.html