VScodeでCloudFormationのエラー検出とグラフ表示をする

vscodeでCloudFormation書いて、いざスタックを実行するぞ!となったときにエラーになることがあります。非常によくあります。
事前にエラーを潰せるようにしましょう。
ついでに構成をグラフで表示できたら良くないですか?ということでCloudFormation Linteの出番です

インストール

CloudFormation LinteからまずはVScodeにインストールしましょう

その後下記のコマンドで必要なものをpipでインストールします

pip3 install cfn-lint pydot --upgrade

VScodeのCloudFormation Linteにパスを書き込む必要があるので、書きます。

ここは環境によって違うはずなので、実行結果のパスを入力してください。

which cfn-lint
/Users/username/.anyenv/envs/pyenv/shims/cfn-lint

できたらVScodeを再起動します

使い方

下記のようにエラーが表示されます
同時にドキュメントへのリンクも表示されるので便利です。

グラフの表示

Command + Shift + pを押してcloudformationと入力してPreviewします

このようにグラフが表示されます!視覚的にインフラがわかるのは良いですね