[WebStorm] tab, indent설정이 제대로 적용되지 않는 경우

안녕하세요, Einere입니다.

(ADblock을 꺼주시면 감사하겠습니다.)

---

오늘은 WebStorm에서 tab, indent(들여쓰기)설정이 제대로 적용되지 않는 경우 해결하는 방법에 대해 알아보겠습니다.

 

 

 

파일 별 설정 확인하기

종류별로 설정할 수 있다

File - Settings - Editor - Code Style을 가시면 이렇게 종류별로 indent와 tab size를 조절할 수 있습니다.

 

 

 

Indents Dectection 섹션 확인하기

들여쓰기 탐지 옵션

Code Style - General - Indents Detection 섹션을 보시면 "Detect and use existing file indents for editing"옵션이 있습니다.

해당 옵션은 편집중인 파일에 존재하던 들여쓰기를 탐지하고 사용하는 기능입니다.

이 옵션을 꺼주세요.

 

 

 

EditorConfig 섹션 확인하기

위의 설정 창 사진에서, EditorConfig섹션을 보시면 "Enable EditorConfig support"옵션이 있습니다.

해당 옵션은 디렉토리 내부의 .editorconfig파일의 설정을 최우선으로 적용하는 기능입니다.

 

 

.editorconfig 파일

.editorconfig파일은 WebStorm을 이용해서 특정 프로젝트를 열면 자동으로 생성되는 것 같은 파일입니다.

해당 파일을 열어보시면 위와 같이 여러가지 설정들이 있습니다.

들여쓰기 설정인 indent_size도 있네요.

만약 Enable EditorConfig support옵션을 켜시면 위 파일의 설정값이 WebStorm자체 설정값을 덮어쓰게 됩니다.

프로젝트 별로 coding convention이 정해져 있다면 위 기능을 활용하시는 것이 좋습니다.