開発覚書はてな版

個人的な開発関連の備忘録

【VSCode】おすすめ拡張機能 - Swagger Viewer

概要

Visual Studio Code で普段利用している拡張機能ご紹介です。
今回はSwagger Viewerです。 Visual Studio Code上でSwagger Editorを使用できる機能です。

marketplace.visualstudio.com

起動の方法

f:id:kakkoya:20190209151345p:plain

  • コマンドパレットからも起動できます。

f:id:kakkoya:20190209151419p:plain

起動後

  • 基本的にはSwagger Editorと同様です。
  • 対象のyamlを編集するとリアルタイムで反映されます。

f:id:kakkoya:20190209151927g:plain

注意点

Swagger Viewerを使用する場合、 localhost:9000 を使用するようです。ポート番号がかぶる場合は他のもののポートを変えるか、拡張機能を一時的に無効にすることが必要です。

あとがき

Swagger YAMLVisual Studio Code で編集できるので便利な機能です。 Swagger EditorによるAPI通信も可能なので、Visual Studio Code上で検証出来る幅が広がります。

関連リンク

editor.swagger.io