More than 5 years have passed since last update.

VScode/PlantUMLでER図を書く

Last updated at 2019-09-10Posted at 2019-09-09

VSCodeをインストールしていない人はこちら
https://code.visualstudio.com/

javaをインストールしていない人はこちら
https://www.java.com/ja/

macにgraphvizをインストールする

$ brew install graphviz

※インストールに失敗した場合
brew doctorを打つと、解決方法を教えてくれる。

1.Visual Studio Code を起動する
2.下記のアイコンをクリックし、PlantUMLを検索しインストールする

拡張子 .pu で新規ファイルを作成する

test.pu

@startuml 

package "testアプリ" {
    entity "ユーザー" {
      + userID [PK]
      ==
      email
      password
      name
    }
}

@enduml

"Alt + D"でプレビューを表示する

このように表示されます(^ ^)