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

Loading script...
codechachaCopyright ©2019 codechacha