【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:communicationparticipant 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:communicationparticipant main
participant FuncA as A
participant FuncB as BA-->B:
B->main:sendmessage
Note over A:NOTE_A
Note right of B:NOTE_B```


持續摸索更新~?

    

    

?

轉載于:https://www.cnblogs.com/fishsoup/p/11057463.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/386597.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/386597.shtml
英文地址,請注明出處:http://en.pswp.cn/news/386597.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

阿里P7大牛整理!BAT大廠面試基礎題集合,成功入職字節跳動

都說大廠面試必問源碼,可很多人看完MMKV 源碼、Handler 源碼、Binder 源碼、OkHttp 源碼等源碼記不住,是腦子有問題嗎?當然不是!是因為你沒有掌握學習源碼的技巧。 我的朋友子路,很多人都叫他路神,稱他為“…

大項目之網上書城(八)——數據庫大改添加圖書

目錄 大項目之網上書城(八)——數據庫大改&添加圖書主要改動1.數據庫新增表代碼2.數據庫新增觸發器3.其他對BookService和BookDao的修改代碼4.addBook.jsp代碼效果圖5.AddNewBookServlet代碼大項目之網上書城(八)——數據庫大…

hping3工具DOS攻擊實驗

需要兩臺機器,一臺扮演攻擊源,另一做目標源。 攻擊源地址:10.0.40.4 被攻擊機器地址:10.0.40.246 2 被攻擊的機器上安裝tcpdump,tcpdump主要是用來抓包的,看看網絡數據包是否到達。 $ yum install tcpdump -y 3 首先開啟tcp…

騰訊T2親自講解!搞懂開源框架設計思想真的這么重要嗎?系列篇

Java相關 無論什么級別的Android從業者,Java作為Android開發基礎語言。不管是工作還是面試中,Java都是必考題。如果不懂Java的話,薪酬會非常吃虧(美團尤為重視Java基礎) 詳細介紹了Java泛型、注解、并發編程、數據傳…

解決Docker容器內訪問宿主機MySQL數據庫服務器的問題

懶得描述太多,總歸是解決了問題,方法簡要記錄如下,雖然簡要,但是完整,一來紀念處理該問題耗費的大半天時間,二來本著共享精神幫助其他遇到該問題的哥們兒,當然這個方法并不一定能解決你們的問題,但是多少能提供些解決思路. 第一,先檢查防火墻,通常應該沒什么問題 (問題解決之后…

阿里P7親自教你!我的頭條面試經歷分享,完整PDF

前言 轉眼間,2020 年已過去一大半了,2020 年很難,各企業裁員的消息蠻多的,降職,不發年終獎等等。2020 年確實是艱難的一年。然而生活總是要繼續,時間不給你喪的機會!如果我們能堅持下來&#x…

Java多線程 ——線程基礎和鎖鎖鎖

Java多線程(一) 一、線程的定義二、Synchronize線程同步三、偏向鎖、自旋鎖、重量級鎖四、volatile關鍵字 4.1.普通變量運算的物理意義4.2.有無解決的方案4.3.volatile的幾個特性(參考https://www.cnblogs.com/kubidemanong/p/9505944.html)五、Compare …

阿里P7級別面試經驗總結,進階學習資料!

一、前言 本人面試已經很久之前了,分享一下我做美團面試官的經歷吧。 美團上海面試,2-1及以下美團是不社招的,校招和2-2~2-3社招一般是三面,格外優秀3-1及以上會加簽面試。初面技術基礎,二面業務感知和技術項目&#…

C 預處理指令

0. Overview C的預處理指令格式為#name,均以#開頭,#和指令名之間不可有空白字符,#前可以有空字符,但為增強可讀性,一般應從第一列開始 #name不能由宏展開得來,name也不能由宏展開得來,如 // Wro…

Windows NAT端口映射

Windows本身命令行支持配置端口映射,條件是已經安裝了IPV6,啟不啟用都無所謂,我在win7和server2008上是可以的。xp,2003裝了ipv6協議也是可以的。 CMD下操作 增加端口映射,將10.10.10.10的8080映射到10.10.10.11的80…

阿里P8大牛親自教你!史上最全的Android面試題集錦,這原因我服了

一、架構師專題 想要掌握復雜的技術,必須要理解其原理和架構。本模塊結合實際一線互聯網大型項目理解架構思維,抽絲剝繭,層層深入,幫助大家成為Android架構師,在思想上對架構認識有一次升華,并知其所以然&a…

面向對象程序設計——UML分析和本學期總結

? 隨著第四單元UML第二次作業的結束,本學期的OO學習也宣告結束了(但還得寫博客),下面就對本單元和本次作業做一個總結。 第四單元兩次作業的架構設計 ? 本單元是對UML的結構進行解析,第一次作業是對UML類圖的解析&am…

docker linux k8s kubeadm

一. 安裝docker 1.添加yum國內依賴 yum -y install yum-utils yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo2.安裝docker yum -y install docker-ce docker-ce-cli containerd.io3.啟動docker systemctl start docker4…

小程序FMP優化實錄,大廠面試題匯總

前言 金九銀十面試季,相信大家肯定急需一套Android面試寶典,今天小編就給大家準備了我珍藏已久的Android高階面試寶典,一份超級詳細的Android面試必備知識點,供大家學習 ! 想必每一個安卓程序員都有追求大廠的決心&a…

文件CRC和MD5校驗

文件CRC和MD5校驗 CRC和MD5用于文件和數據的傳輸校驗,以確認是否接收成功。 unit CRCMD5;interface { 獲取文件CRC校驗碼 } function GetFileCRC(const iFileName: string): String; { 獲取字符串CRC校驗碼 } function GetStringCRC(const Str: string): Cardinal; …

Oracle字符分隔函數(split)

為了讓 PL/SQL 函數返回數據的多個行,必須通過返回一個 REF CURSOR 或一個數據集合來完成。REF CURSOR 的這種情況局限于可以從查詢中選擇的數據,而整個集合在可以返回前,必須進行具體化。Oracle 9i 通過引入的管道化表函數糾正了后一種情況。…

已成功拿下字節、騰訊、脈脈offer,吐血整理

為什么想跳槽? 簡單說一下當時的狀況,我在這家公司做了兩年多,這兩年多完成了一個大項目,作為開發的核心主力,開發壓力很大,特別是項目上線前的幾個月是非常辛苦,幾乎每晚都要加班到12點以后&a…

復雜HTML解析

#再端一碗BeautifulSoup #獲取《戰爭與和平》中的人物名字from urllib.request import urlopen from bs4 import BeautifulSouphtml urlopen("http://www.pythonscraping.com/pages/warandpeace.html") bsObj BeautifulSoup(html,html.parser)#namelist bsObj.fin…

java main方法里調用mapper

在main方法中調用mybatis的mapper,一次性執行導入數據功能package com.runxsoft.test;import com.runxsoft.iutils.common.utils.UserUtils; import com.runxsoft.superwe.base.SqlVo; import com.runxsoft.superwe.base.mapper.ProtogenesisMapper; import com.run…

已成功拿下字節、騰訊、脈脈offer,滿滿干貨指導

開頭 籠統來說,中年程序員容易被淘汰的原因其實不外乎三點。 1、輸出能力已到頂點。這個人奮斗十來年了,依舊碌碌無為,很明顯這人的天花板就這樣了,說白了,天賦就這樣。 2、適應能力越來越差。年紀大,有家…