MRが楽しい

MRやVRについて学習したことを書き残す

VisualStudioCodeでコードのインデントを揃える

本日はVisualStudioCodeの小ネタ枠です。
VisualStudioCodeでコードのインデントを揃える方法です。

インデントの自動整形

VSCodeでは以下のようにネストを増やしてインデントがズレてしまった場合にファイル全体のインデントを自動整形できます。

右クリックから[Format Document]を実行します。
またはWindows環境では[Shift + Alt + F]キー、Mac環境では[Shift + Option + F]キーで実行できます。

以下のようにファイル全体のインデントが整形されます。

ファイル保存時に自動整形を行う

VSCodeの設定でファイル保存時に自動整形を行うように設定できます。
左下の歯車アイコンから[Settings]をクリックします。

Settingsが開いたら[Fomat On Save]を検索します。

[Text Editor -> Formating -> Format On Save]の項目が見つかるのでチェックを入れます。

これでファイル保存時に必ずインデントの整形が行われるようになります。