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

2023년 03월 06일

파일 별 설정 확인하기

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

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

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

이 옵션을 꺼주세요.

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

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

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

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

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

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

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