[vscode] 탭 사이즈 2칸 설정하기, 탭 사이즈 바뀌지 않게 하기

vscode를 사용하다보면, 어떤 코드는 tabSize가 2칸, 어떤 코드는 4칸이다.

 

vscode에서는 코드를 받으면 자동으로 indentation이 몇칸인지 감지해서 설정을 바꿔주는데, 자꾸 설정이 바뀌니까

indent-rainbow 나 prettier등의 extension을 쓰는 사람들은 꽤 불편하다.

자동정렬하면 이래됨.... 빨간줄...

나는 2칸을 선호하므로, 어떤 코드이던 무조건 space 2칸이 되도록 설정해보자.

 

ctrl + shfit + p 를 눌러서 setting.json에 들어가자

아래와 같은 코드를 추가한다.

// The number of spaces a tab is equal to. This setting is overridden
// based on the file contents when `editor.detectIndentation` is true.
"editor.tabSize": 2,

// When opening a file, `editor.tabSize` and `editor.insertSpaces`
// will be detected based on the file contents. Set to false to keep
// the values you've explicitly set, above.
"editor.detectIndentation": false

 

prettier를 쓰는 사람들은 prettier setting도 두칸으로 설정해준다.

"prettier.tabWidth": 2,

 

이제 4칸인 코드를 봐도 space가 4칸으로 바뀌지 않는다!!