20
19

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.

CloudFormation support for Visual Studio CodeでCFnテンプレート記述を楽にする

Last updated at Posted at 2019-01-19

CloudFormation support for Visual Studio CodeというGitHubで公開されているVSCodeのExtensionが大変便利でした。startと打つとCloudFormationの全体アウトラインを作ってくれたり、リソース名(vpcとか)を打つとスケルトンを一気に作ってくれたり、プロパティ名なんかも補完してくれます。
https://github.com/aws-scripting-guy/cform-VSCode

環境

  • OS: macOS Sierra (10.12.6)
  • Visual Studio Code: 1.30.1

インストール

  1. VSCodeのExtension検索ボックスにcloudformationと入力して検索します。ヒットした"CloudFormation VS Code Plugin for CloudFormation"をインストールします。(画面は全てMac版です。)
    image.png

使い方

  1. 新しいファイルを開き、Language ModeをYAMLにします。(JSONで書く場合はJSONも可です。)
    image.png
  2. "start"と入力すると補完が表示されるのでTabを入力します。
    image.png
    すると、以下のようにCloudFormationテンプレート全体のスケルトンが自動的に入力されます。
    image.png
  3. 例としてResouceにVPCを追加してみます。Resourceセクション内で"vpc"と入力します。補完が表示されるので同様にTabを入力します。
    image.png
    すると、以下のようにVPCリソースのスケルトンが入力されます。
    image.png

まとめ

過去のファイルから編集したりリファレンスからコピペしてやっていた作業がとても楽になりそうです。プロパティ名の補完もしてくれますがそんなに充実していないので、スケルトンで出てこないプロパティの補完には以下のschema(辞書)を併用するとより幸せになれます。

20
19
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
20
19

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?