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

아래와 같이 정렬되지 않은 코드가 있을 때, 단축키를 누르면 코드가 자동으로 정렬됩니다.

자동 정렬되면 아래와 같이 보입니다.

코드 자동 정렬은 Java 뿐만 아니라, JavaScript, Python, HTML 등 다양한 코드에서 동작합니다.

2. 메뉴에서 코드 자동 정렬 (Code Formatting, Prettier)

VSCode에서 우클릭을 하면 Format Document라는 메뉴가 보입니다. 이 메뉴를 클릭하면 코드가 자동 정렬됩니다.