55
52

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

VSCodeで効率的にswaggerを書く。

Last updated at Posted at 2019-08-18

#VSCodeで効率的にSwaggerを書く
今まではSwagger Editor(http://editor.swagger.io/) を使ってyamlを書いていたがVSCodeのほうが超簡単で便利だった。

##前提
VSCodeはインストール済み(バージョン: 1.37.0 )

##拡張機能をインストールする
サイドバーのEXTENSIONS(Ctrl+Shift+X)を選択し、「Swagger Viewer」を検索する。
001.png

インストール後はこんな感じ。
002.png

##yamlを書く
003.png

Viewerを開くには以下のどちらかを実行
・Shift+Alt+p
・コマンドパレットからPreview Swaggerを選択

004.png

Swagger Editorと同様に編集はリアルタイムに反映される。
だけどViewerを複数画面開くことは出来なそう。

##まとめ
単発での拡張だと便利さを感じることはできないけれども、VSCodeにはAPIリクエストを送る拡張機能などもあり、複数を組み合わせるとAPI開発が楽になりそうです。


VSCode関連 記事リンク
VSCodeでRESTクライアントを使って効率的にAPIを呼び出す。

55
52
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
55
52

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?