PlantUMLを使ってみる

クラス図を作成したいと思いぐぐったらPlantUMLが推されていたので設定したメモを残す

環境

• MacOS Big Sur 11.3
• VSCode

インストール

brew install graphviz
brew install plantuml

VSCodeでPlantUMLの拡張をインストール marketplace.visualstudio.com

使ってみる

# hoge.pu
# 拡張子は.pu

@startuml
package Hoge {
    class HogeHoge {
        説明とかも
        ..
        書ける
        ==
        - str foo
        + int hogera
    }
    class Piyo {
        # str bar
    }
    
}

note "note" as N1
note "note2" as N2
HogeHoge ..> Piyo
HogeHoge .. N1

HogeHoge .. N2
N2 .. Piyo

@enduml

option+dでプレビュー表示できる

command+shift+pのコマンドモードでplantumlで色々できることが分かる。便利〜