facebook twitter hatena line email

VisualStudioCode/Mermaid

提供: 初心者エンジニアの簡易メモ
2023年12月7日 (木) 00:23時点におけるAdmin (トーク | 投稿記録)による版 (サンプル)

移動: 案内検索

インストール

https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid

プレビュー

VisualStudioCodeを、開いて、コードを入力して、右上の虫眼鏡をクリックすると、プレビューできる。

サンプル

クラス図

class.md

```mermaid
classDiagram
    class User{
        +Int id
        +String name
        +name()
    }
```

関連クラス

relation.md

```mermaid
classDiagram

    class User{
        +Int id
        +String name
        +name()
    }

    User --|> BaseUser
    Car --|> BaseCar
```


参考:https://qiita.com/hirokiwa/items/1a490c75961efd1e1487