[VSCode] EditorConfig 가 적용되지 않을 때

파일 확장자 사이에 공백을 넣지 마세요.

Visual Studio Code를 사용하여 html/css/javascript 와 JAVA로 프로젝트를 진행하는 경우가 많아 파일의 확장자 별로 tab size를 조절해서 사용하고 있습니다.

VS Extenstion의 EditorConfig for VS Code를 사용하여 파일별 tab size, tab style을 설정하게 되는데 .editorconfig 파일을 프로젝트의 root 경로에 생성하고 스타일을 설정해두어도 적용이 되지 않아 한참 해맸던적이 있었습니다.

제 경우 아래와 같이 설정했을 때 설정한 스타일이 적용되지 않았습니다.

# EditorConfig is awesome: https://EditorConfig.org
# top-most EditorConfig file
root = true

[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = false
insert_final_newline = false

# 아래와 같이 설정하면 적용이 안됨!!
[*.{html, css, js}]
indent_size = 2

[*.{yml, yaml}]
indent_size = 2코드를 입력하세요

이유는 파일 확장자 사이에 공백이였습니다. 아래와 같이 여러 개의 파일 확장자를 묶어 설정하는 경우 확장자들 사이에 공백이 없어야 정상적으로 적용이 되었습니다.

[*.{html,css,js}]
indent_size = 2

[*.{yml,yaml}]
indent_size = 2코드를 입력하세요

혹시라도 같은 실수를 하시는 분들이 있을까해서 글을 남깁니다.