Visual Studio Codeでコードを自動整列

Visual Studio Code(VSCode)でコードを自動整列する方法を紹介します。場合によっては、他の関数からコードをコピーして貼り付けるときにインデントが合わないため、コードを並べ替える必要がある場合があります。このようなときにコード自動整列機能を使用すると、簡単にコードを見やすく整理できます。

1. ショートカットでコードを自動整列 (Code Formatting, Prettier)

VSCodeでコードをソートするショートカットは、OSごとに少し異なります。

  • Windows : Shift + Alt + F
  • MAC : Shift + Option + F
  • Linux : Ctrl + Shift + I

以下のようにソートされていないコードがある場合は、ショートカットキーを押すとコードが自動的にソートされます。 Visual Studio Code code formatting

自動整列すると、以下のようになります。 Visual Studio Code code formatting

コードの自動ソートは、Javaだけでなく、JavaScript、Python、HTMLなど、さまざまなコードで動作します。

2. メニューのコードの自動整列 (Code Formatting, Prettier)

VSCodeで右クリックすると「Format Document」というメニューが表示されます。このメニューをクリックすると、コードが自動的に並べ替えられます。 Visual Studio Code code formatting

codechachaCopyright ©2019 codechacha