【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

```

---

持续摸索更新~ 

　　　　

　　　　

 

转载于:https://www.cnblogs.com/fishsoup/p/11057463.html