Visual Studio CodeでOpenAPI(Swagger) Editorを使用する

1. はじめに

• OpenAPIのスキーマ定義ファイルをOpenAPI Editorを使って確認したい
• スキーマ定義のよく間違える型や定義などの誤りを入力時にエディタで構文チェックしてほしい
• visual Studio Codeのコードを簡単に拡大・縮小できるように設定変更したい

2. OpenAPI(Swagger) Editorのインストール

2.1 Visual Stduio Codeを起動する

2.2. ExtensionsタブからOpenAPI(Swagger) Editorを選択する

2.3. installボタンをクリックする

3. OpenAPI(Swagger) Editorの起動

3.1. ショートカットキー Shift + Alt + P を押す

3.2. OpenAPI SwaggerUI Previewの表示される

3.3. 構文チェックを確認する

• PathsをPathにした時の構文チェック結果
  

4. Visual Studio Codeのコード拡大・縮小の設定

4.1. Settingsを選択する

4.2. Mouseで検索し、Editor: Mouse Wheel Zoom にチェックする

4.3. Ctrl+ ホイール操作でコードの拡大・縮小ができる

• 拡大
  

• 縮小
  

5. 参考文献