Vscode 에서 Vue indent 설정하기.

 

Vscode에서 Vue를 개발하다 보면 tab 키를 눌렀을 때 공백 사이즈가 space2칸으로 이동하는 경우가 있습니다.

아마 대부분 개발자분들은 space 4칸 여백이 아닌것에 대한 답답함을 느끼실건데요.

 

pritter 또는 Vuter에서 아무리 설정해도 탭 사이즈가 변경이 안되는 분들은 아래 방법으로 처리 해보시기 바랍니다.

 

- settings.json 파일 편집

 

    "editor.detectIndentation": false,
    "editor.tabSize": 4

 

또한 editorconfig 라는 플러그인을 설치하여 설정 가능 합니다.

 

- EditorConfig for VS Code 설치

 

프로젝트 하위에 .editorconfig을 생성하여 tabsize를 설정 합니다.

- .editorconfig 생성

 

root = true

[*]
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
indent_style = space
indent_size = 4