拡張機能をインストール
VSCodeでER図を作成するためにDraw.io Integrationをインストールします。
使用方法
基本的な使い方
以下のいずれかの拡張子でファイルを作成するとDraw.ioエディタで開けます。
*.drawio*.dio*.drawio.svg*.drawio.png
下画像の赤枠の箇所はデフォルトでは「一般」などが表示されていますがここに「ER図」の項目を追加できます。
追加するにはエディタの左下にある「＋その他の図形」をクリックします。
表示されたリストの中から「ER図」にチェックを入れ「適用」をクリックします。
すると「一般」などが表示されていた箇所に「ER図」が表示されます。
「ER図」をクリックするとER図作成の際に使用する図形一覧が表示されるのでこれらの図形を使用してER図を作成します。
テーブルの操作
たとえば「Table 1」をクリックまたはD＆Dすると以下のように「Table 1」が表示されます。
カラムを挿入または削除するにはカラムを選択して以下の赤枠をクリックし表示されたアイコンで
操作します。
またテーブルの枠（緑色の箇所）をクリックしてドラッグすると矢印を描けます。
矢印の設定は右側の一覧で行います。
エクスポート
「ファイル」→「Export...」でエクスポートできます。
選択可能なファイル形式は以下のとおりです。
また*.drawio.svgや*.drawio.pngでファイルを作成すれば.svgや.pngファイルとして扱えます。