「VisualStudioCode/Mermaid」の版間の差分

2023年12月7日 (木) 00:26時点における版

インストール

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
```

access.md

```mermaid
classDiagram
    class User{
        +String Public
        -String Private
        #String Protected
        ~String Packaged
```

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