VSCodeでコードを自動整形するショートカットキーを紹介します。
コードを自動整形するショートカットキー
「Shift + Alt + F」でコードを自動整形できます。
例↓
![](https://ootkblog.com/wp-content/uploads/2023/09/vscode-code-format-windows-4.png)
「Shift + Alt + F」を押すと
![](https://ootkblog.com/wp-content/uploads/2023/09/vscode-code-format-windows-5.png)
こんな感じで自動整形できます。
注意点:「,」を入れないとうまく自動整形できない
「,」を入れなかった場合↓
![](https://ootkblog.com/wp-content/uploads/2023/09/vscode-code-format-windows-2.png)
「Shift + Alt + F」を押すと
![](https://ootkblog.com/wp-content/uploads/2023/09/vscode-code-format-windows-3.png)
こんな感じでいい感じに自動整形できません。
自動整形方法②保存時に自動整形する方法
保存したときに自動整形する設定があります。
「File」→「Preferences」→「Settings」へ移動します。
検索窓に「format」と入力し、「Editor: Format On Save」にチェックを入れます。
![](https://ootkblog.com/wp-content/uploads/2023/09/vscode-code-format-windows-1-1024x608.png)
これで保存したときに自動整形されます。