vscode 줄바꿈 이후 자동 들여쓰기

문제

1. {} 코드블럭 생성
2. 커서가 코드블럭 안에 있는 상태에서 엔터(줄바꿈)

   {여기서 줄바꿈}

3. 아래와 같은 결과를 원했으나, 4번과 같은 결과가 발생.

     {
       자동으로 들여쓰기 된 상태
     }

4. 들여쓰기가 되지 않고 닫는 } 기호와 함께 줄바꿈만 된 상태.

   {
   여기로 커서 이동}

5. 따라서 다시 방향키로 윗 줄로 이동 후, 코드 끝으로 이동해서 줄바꿈을 해야되는 번거로움이 발생...
   

원인

팀 프로젝트 때문에 prettier와 eslint 설정을 통일시켜 놓았는데 이것이 문제였다..

해결

1. vscode 설정으로 이동.

2. settings.json을 열어서 prettier 설정된 부분으로 이동.
   

3. 나의 경우에는 "editor.language.brackets": [], 이 코드가 문제였다. 이 코드를 지우거나, 주석처리 한 후 저장하기.

4. 코드 블럭 내에서 엔터(줄바꿈)를 누르면 자동으로 들여쓰기가 된 상태로 이동!
   

코드 포맷팅이 평소와 달라지면 얼마나 예민해지는지 깨닫게 되는 경험이었다...

다른 해결 방법

• https://lektion-von-erfolglosigkeit.tistory.com/211