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

别再用markdown语法画图了,试试PlantUML!

【VScode】画出逻辑清晰的UML

(以下正文)

准备工作

  1. 在VScode中下载插件Markdown Preview Enhanced插件,用于预览效果

  2. 创建一个.md文件

  3. 在VScode中打开文件,界面内点击右键可以看到Open preview to the side(还有很多方法外面都能搜到),可以进行实时预览效果

  4. 开始markdown
    第一行主标题(次标题依次加#):

         # headline
         ## second title
         (注意空格)
    

    示例:

    headline

    second title

时序图

1. 标志时序图

```sequence {stuff..}```

2. 在sequence中添加title和actor

title:communication

participant main
participant FuncA as A
participant FuncB as B

3. actor 的交互A->B:

交互必须加冒号,不然在VScode里面会报错。

其它语法(常用):

A-->B:
A-->>B:
Note right of A:
Note left of A:
Note over A:

4. 完整示例及代码

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

持续摸索更新~

    

    

posted @ 2019-06-20 13:48  鱼汤泡饭  阅读(4501)  评论(0编辑  收藏  举报