首页 > 其他 > 详细

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

时间:2019-06-20 13:55:20      阅读:702      评论:0      收藏:0      [点我收藏+]
  • 准备工作
  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

```

技术分享图片

 

    

    

 

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

原文:https://www.cnblogs.com/fishsoup/p/11057463.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!