コードを書く際に、いつの間にかインデントが崩れてしまうことはよくあるので、記事にしたいと思います。
ショートカットを使った自動整形
- Windows:
Shift + Alt + F - Mac:
Shift + Option + F - Linux:
Ctrl + Shift + I
標準で対応している言語
- HTML
- JSON
- CSS
- JavaScript (簡易的なもの)
- TypeScript
これらは特別な設定なしで、「Shift + Alt + F」でフォーマットが可能です。
Python、PHP、Go などの言語は、デフォルトでフォーマッターがインストールされていないため、拡張機能を追加する必要があります。
保存時に自動でフォーマットしたい場合
保存時に自動でコードが整形されるようにするには、以下の設定が必要です。
- Ctrl + ,（設定を開く）。
- 検索バーに「editor.formatOnSave」と入力する。
- 「Editor: Format On Save」にチェックを入れる。
これでファイルを保存するたびに自動的にフォーマットされるようになります。
まとめ
- 「Shift + Alt + F」は設定不要で使える。
- 保存時の自動フォーマットは設定が必要。
