【VSCODE】設定 – 拡張機能 ER図の作成 –

はじめに

この記事では、VSCODEでER図を作成できる拡張機能「Draw.io」のインストール、設定について説明します。

VSCODEを起動し、拡張機能を選択します。
拡張機能の検索で「Draw.io Integration」を入力し、検索結果の「Draw.io Integration」を選択します。

赤枠で囲った部分をクリックし、インストールします。

インストールが成功した場合、次の画面が表示されます。
これで拡張機能の「Draw.io Integration」のインストールが完了です。

「Draw.io Integration」を使用する場合、拡張子「.dio」のファイルを作成します。
次の画像では「sampledb.dio」という名前のファイルを作成しています。

赤枠の「その他の図形…」を選択します。

赤枠の「ER図」を選択します。

選択後、赤枠の「適用」ボタンをクリックします。
これで、ER図が作成できます。

ER図の作成方法は紹介しませんが、「Draw.io Integration」を使用すると次のようなER図が作成できます。
作成したER図は画像として出力することも可能です。