VSCodeでDraw.ioを編集できるようにするまで

資料作成用にDraw.ioを使用しているのだが、VSCodeで管理するのが良い感じなので導入手順を書いていく。

導入手順

1. 拡張機能をインストール
   拡張機能でDraw.io Integrationを入力する。
2. drawioファイルを作成して開く。
   対応フォーマットは.drawio, .dio, .drawio.svg or .drawio.pngであるので、任意のフォルダで拡張子が.drawioのファイルを作成する。
3. テーマの変更
   デフォルトだとVScodeのテーマ準拠で、背景がまっ黒くなって使いづらいので、テーマを変更する。
   設定→拡張機能→Draw.io Integration→Themeでテーマを選ぶ

好みのものを選ぶと良いが、kennedyがおすすめ。

• 背景が黒いため使いづらい
  
• 設定の変更
  
• kennedyに変更後