app/Mermaid - 豚吐露＠wiki

Mermaid

githubでumlを使うために出てきた。
PlantUML競合。
個人的には、Markdownの中に書かん方が良かったな...

https://mermaid-js.github.io/mermaid/#/

install for VSCode

VSCodeを開いて、拡張機能のマーケットプレイスから Markdown Preview Mermaid Support を入れるだけ。
install後有効にしたら、新規md fileを作成。
下のようなcodeを記載し、中にmermaidのDSLで記載する。

```mermaid
``` 

記載後、markdown preview(Ctrl+K、V)すると作成した図が見れる。
Ctrl+Shift+P から『Markdown: プレビューを横に表示』でもok。

ただし、現状、mindmapとか一部機能には対応してないっぽい。
→確認中。

tips

---

更新日： 2022年12月13日 (火) 15時47分26秒