VSCode 코드 자동 정렬, 줄 맞춤

Visual Studio Code(VSCode)에서 코드를 자동 정렬하거나, 줄 맞춤해 주는 방법과 단축키를 소개합니다.

 

코드의 줄간격이 안맞을 때, 고생하지 않고 툴에서 자동으로 줄을 정렬해 줄 수 있습니다.

 

또한, 예제로 웹에서 가져온 코드가 줄이 안맞을 때, 보기 어려울 때가 있습니다. 이럴 때 자동 줄맞춤 기능을 이용하면 좋습니다.

 

1. 단축키로 줄 맞춤/정렬

VSCode에서 코드를 전체 선택하고 단축키를 누르면 코드가 자동 정렬됩니다.

운영체제 별로 단축키가 다르므로, 자신의 OS에 맞는 것을 사용하시면 됩니다.

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

 

예를 들어, 정렬되지 않은 코드를 드래그하여 전체 선택하고

단축키를 누르면 아래와 같이 정렬이 됩니다.

 

2. 메뉴에서 줄 맞춤/정렬

단축키를 사용하지 않고, 메뉴에서 "Format Document" 메뉴를 클릭하여 정렬할 수도 있습니다.

아래와 같이 정렬하려는 코드를 선택하고 우클릭을 하면 "Format Document" 메뉴가 보입니다.

이 메뉴를 클릭하면 코드가 정렬됩니다.