[VS Code] Enter 개행 다음줄 들여쓰기 간격(Indent) 문제 조정 방법

Visual Studio Code 에서 

Enter를 치고 다음 행으로 내려가면 앞에 특정 간격(Indent)으로 들여쓰기 된다.

 

이 때 간혹 아래의 2가지 문제가 발생하는 경우가 있다.

 

# VS-Code 들여쓰기 간격 문제

▶ 1번째 문제: Indent가 사라진다.

- 엔터를 치면 간격이 생기는데,

- 방향키로 커서를 위로 올리면 간격이 사라진다.

 

▶ 2번째 문제: indent 간격이 안 맞는다.

- 엔터를 치면 간격이 생기는데,

- 설정한 값과 불일치하는 다른 탭 간격이 적용된다.

* 탭 간격 설정은 Preference>Setting의 Editor: Tab Size, 혹은 prettier 사용시 printWidth 등으로 할 수 있다.

 

이런 사소한 문제가 코딩의 생산성과 효율성에 영향을 미칠 수 있으므로,

아주 간단하게 해결해보자.

---

# VS-Code 들여쓰기 간격 문제 해결 방법

1. Preferecnes > Settings 으로 진입.

2. Trim Auto Whitespace 검색

3. Editor: Trim Auto Whitespace 항목 체크 해제

 

<해결 완료된 모습>

이제 엔터를 치고 개행될 때, 

1. 들여쓰기 되는 Indentation 간격이 정상 작동하고,

2. 방향키로 커서를 옮겨도 Tab Size 간격이 유지된다.