[VS Code] vue.js 탭 사이즈 영구적으로 변경하기

VSCode에서 vue 프로젝트를 만들면 탭사이즈가 2로 되어 있습니다.

저는 4로 사용하는게 익숙한데

파일별로 Format Document로 탭 사이즈를 변경할 수 있지만

매번 귀찮아서 영구적으로 변경해보겠습니다.

 

먼저 개별적으로 변경하는 법은

하단에 Space: 4를 누르고 Spaces나 Tabs를 선택하고 사이즈를 선택합니다.

Format Document, 단축키 option + shift + F를 누릅니다.

 

영구적으로 변경하기

 Settings를 엽니다.

Open Settings (JSON)을 엽니다.

 

{
    "git.autofetch": true,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "editor.detectIndentation": false,
    "window.zoomLevel": 1,
    "vetur.format.options.tabSize": 4, 
    "vetur.format.options.useTabs": false
}

vetur 설정 두개를 추가합니다.

Format Document 로 적용할 수 있습니다.