VisualStudioCode/Mermaid

インストール

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

その他関連

```mermaid classDiagram

   class User{
       +String Public
       -String private
       #String protected
       ~String protected
   }

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

   A --* B: コンポジット
   C --o D: 集約
   E --> F: 汎化
   G -- H: 関連(実線()
   I ..> J: 依存
   K ..|> L: 実現
   M .. N: 関連(点線)

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