VScode로 ER 그림을 그리는 【Draw.io】

DB 설계를 할 때 ER 그림을 그릴까 생각합니다만, 프리로 간단하게 사용할 수 있는 것은 의외로 없거나 합니다.
VScode를 사용하면 ER 그림을 쉽게 그릴 수 있으므로 사용법을 은근하게 소개합니다.

꽤 직관적으로 그릴 수 있으므로 시도해보십시오.

※ ER도를 타인과 공유하고 싶다면 Google 드라이브에서 Draw.io를 사용하면 좋을까 생각합니다.

소개

VSCode 확장 기능 검색 창에서 "Draw.io Integration"을 검색하여 설치

사용법

확장자가 .dio인 파일을 작성하면 OK입니다.

ER 다이어그램 그리기

파일을 열 때 왼쪽 하단의 その他の図形를 클릭하여 ER을 선택하고 적용을 클릭합니다.


그러면 왼쪽에 ER이라는 항목이 나타나므로 거기에서 사용하고 싶은 도형을 드래그 앤 드롭하기만 하면 됩니다. (클릭만으로도 추가 가능)


릴레이션용의 선을 그릴 때는, 도형의 가장자리에 커서를 맞추면 화살표가 나오므로 거기로부터 드래그&드롭으로 다른 도형까지 당길 뿐입니다.
선의 시작점 끝점 스타일은 오른쪽 스타일 탭에서 변경할 수 있습니다. 이제 일대다 등의 관계를 표현할 수 있습니다.

내보내기

왼쪽 상단의 파일에서 形式を指定してエクスポート를 선택하고 원하는 형식을 선택하기 만하면됩니다.

形式を指定してエクスポート가 표시되지 않으면 이 기사을 참조하여 설정을 변경해보십시오.