Draw.io をvscode で使う#
使い方#
- Draw.io Integration をvscode に導入します。
- 新規ファイルを作成で、拡張子に
.drawioを付けたファイルを作成します。 - 先ほど作成したファイルを開くと作図画面が表示され、編集が可能です。
- 保存は、タブ > ファイル > エクスポートから。（おすすめは
.svg形式） - svg ファイルのvscode上でのプレビューは "SVG Viewer" を導入します。
memo#
svg ファイルの整形#
- drawio で作図しエクスポートした.svg ファイルはフォーマットされていません
- vscodeの拡張機能で "SVG" を導入します。
- svg ファイルを開き、右クリック、
ドキュメントのフォーマットをクリックすると綺麗にフォーマット化されます。
