Plantuml을 VSCode에서 사용

PlantUML

공식 사이트

샘플 코드

@startuml sample

skinparam shadowing false
autonumber

participant "い" as a
participant "ろ" as b
participant "は" as c
participant "に" as d

a -> b : 同期
activate a
    activate b
        b-->c : 非同期
        activate c
            b->b : **太字**
            activate b
                loop ループ
                    c->c: __下線__
                end

                ref over c: リファレンス\n（更に詳しい情報は XXX を参照等）

                alt IF 分岐
                    c->c: 処理
                    else 別の条件
                    c->c: 処理
                end

                c-->b : 非同期処理の\n完了
            deactivate b
        deactivate c
    b->a : 処理完了
    deactivate b
    create d
    a->d : 作成
a->a: 完了処理
deactivate a

note over a: Note A
note left b: Note B
note right c: Note C

@enduml

그리기

VSCode에서 puml 확장자로 UML을 작성할 수 있도록 허용

1. 확장 기능 설치

2. Graphviz 설치

C:\Program Files (x86)\Graphviz2.38\bin

VSCode Markdown으로 작성 가능

TIPS

* こんな感じで↓

＠import "puml/seq.puml"

* 文章がスッキリする。
* ＠は半角で書くこと。

Markdown All in One을 사용하는 경우의 주의점

PDF 내보내기를 원하는 경우

주의점