- オートフォーマット機能を使用する: VSCodeには、コードを自動的に整形するためのオートフォーマット機能があります。この機能を使用すると、選択した範囲または全体のコードを適切なインデントで整形することができます。以下は、キーボードショートカットでのオートフォーマットの方法です。
- WindowsやLinux: Ctrl + Shift + I
- macOS: Shift + Option + F
- Prettier: コードの自動整形をサポートする人気のある拡張機能です。インデントやスタイルの設定をカスタマイズすることもできます。
- ESLint: JavaScriptの構文エラーやスタイルガイドに基づいた問題を検出し、自動的に修正することができます。
これらの拡張機能は、VSCodeの拡張機能マーケットプレイスから簡単にインストールできます。
- 設定ファイルを編集する: VSCodeの設定ファイルを編集することで、インデントやコードスタイルの設定をカスタマイズすることができます。以下は、設定ファイルでインデントを変更する例です。
- 「settings.json」ファイルを開きます。ファイルは、VSCodeの「ファイル」メニューから「基本設定」->「設定」を選択し、「settings.json」を検索することで見つけることができます。
-
「editor.tabSize」プロパティを変更して、望むインデントの数値を設定します。例えば、次のように設定します。
"editor.tabSize": 4