VSCode에서 탭 간격 설정 (Tab to 4 spaces)

Visual Studio Code(VSCode)에서 탭 간격 설정하는 방법을 소개합니다. 보통 에디터 환경을 세팅할 때 Tab을 Space로 변환되도록 합니다. 1 Tab을 2 Space로 할 지, 4 Space로 할지는 개발 언어마다, 개발자마다 선호하는 것이 다를 수 있습니다. VSCode에서 탭 간격을 어떻게 설정하는지 알아보겠습니다.

1. 작업 표시줄의 Spaces 클릭하여 탭 간격 설정

VSCode에서 하단의 작업 표시줄을 보면 Spaces가 보입니다. Spaces: 2는 현재 Tab을 누르면 2 Space로 입력된다는 의미입니다.

먼저 Spaces를 클릭하면, 아래와 같은 메뉴가 보이는데요. 여기서 Indent Using Spaces는 탭을 스페이스로 사용하겠다는 옵션입니다. 이 옵션을 클릭합니다.

그럼 1 Tab을 몇 Space로 바꿀 것인지 선택할 수 있습니다. 4를 선택해보겠습니다.

설정을 완료하면, 하단의 작업표시줄에 Spaces: 4로 변경된 것을 확인할 수 있고, Tab을 누르면 4개의 Space로 변경되어 에디어테 입력되는 것을 확인할 수 있습니다.

2. 메뉴에서 탭 간격 설정

File -> Preferences -> Settings 메뉴에 들어갑니다.

여기서 Tab Size를 검색하고 원하는 Space 크기를 설정합니다. 이번에는 2로 설정하였습니다.

그리고 Insert Spaces로 검색하고 Insert Spaces를 체크합니다. 체크하여 선택을 하면 Tab을 누를 때 위에서 설정한 Space 개수만큼 변환되어 입력되는 것이고, 해제하면 Tab으로 입력됩니다.