8
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Terraformの自動フォーマットをVSCodeに設定する方法

Posted at

はじめに

terraform fmtコマンドでtfファイルのコードをフォーマットすることができます。ただ、どうせならエディターの段階で自動フォーマットしてくれた方が楽なので、やり方を調べてみました。
自分でも使っており、人口も多そうなVSCodeでの設定方法をまとめます。

プラグインインストール

こちらのHashiCorp TerraformプラグインをVS Codeにインストールします。

設定ファイルにterraformの設定を追記

settings.jsonに下記の内容を追記します。私はユーザー設定の方に追記しました。

"[terraform]": {
  "editor.defaultFormatter": "hashicorp.terraform",
  "editor.formatOnSave": true,
  "editor.formatOnSaveMode": "file"
},
"[terraform-vars]": {
  "editor.defaultFormatter": "hashicorp.terraform",
  "editor.formatOnSave": true,
  "editor.formatOnSaveMode": "file"
}

[terraform] が tfファイルへの設定で、[terraform-vars]がtfvarsファイルへの設定です。
設定内容はどちらも同じで下記のようになっています。

"editor.defaultFormatter": "hashicorp.terraform", // HashiCorpが提供するTerraform用のデフォルトフォーマッターを指定
"editor.formatOnSave": true, // ファイル保存時に自動でフォーマットを行うように設定
"editor.formatOnSaveMode": "file"

保存時の自動フォーマットにする場合、editor.formatOnSaveModeについては現状file以外サポートされていないようなので、ここはほぼ固定になります。

When using the editor.formatOnSaveMode setting, only file is currently supported.

設定後は、保存時にフォーマットが修正されます。

Animation.gif

参考資料

8
2
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
8
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?