모든 타입 스크립트 파일에 대해 Visual Studio 코드는 8 칸의 자동 들여 쓰기를 사용합니다. 이것은 내 취향에 비해 너무 많지만 어디에서 바꿀 것인지 찾을 수 없습니다.
설정으로 사용할 수 있지만 들여 쓰기와 관련된 것을 찾을 수 없으므로 다른 이름으로 사용 가능할 수 있습니다.
최신 정보
현재 Prettier 코드 포맷터를 사용하고 있으며 저장시 자동 서식 지정으로 모든 서식 문제를 해결합니다 (구문 오류가없는 경우)
답변
전역 User수준 또는 Workspace수준 에서이를 변경할 수 있습니다 .
설정을 엽니 다 바로 가기 사용 ctrl + ,또는 클릭 File> Preferences> Settings다음과 같이합니다.
그런 다음 다음 두 가지 변경을 수행하십시오. ( tabSize검색 막대에 입력)
- 의 확인란을 선택 취소하십시오
Detect Indentation - 탭 크기를 2/4로 변경하십시오 (2는 JS에 적합하다고 생각하지만) :
답변
오른쪽 하단의 도구 모음에 다음과 같은 항목이 표시됩니다. 
클릭하면 공백 또는 탭을 사용하여 들여 쓰기하는 옵션이 표시됩니다. 들여 쓰기 유형을 선택한 후 들여 쓰기의 크기를 변경할 수 있습니다. 위 예의 경우 들여 쓰기는 들여 쓰기 당 4 개의 공백 문자로 설정됩니다. 들여 쓰기 문자로 탭을 선택한 경우 공백 대신 탭 크기 가 표시 됩니다.
개별 파일이 아닌 모든 파일에 적용하려면 필요에 따라 사용자 설정 또는 작업 영역 설정 의 Editor: Tab Size및 Editor: Insert Spaces설정을 재정의하십시오.
편집 1
사용자 또는 작업 공간 설정을 얻으려면 환경 설정 -> 설정으로 이동하십시오 . 필요에 따라 사용자 또는 작업 공간 탭에 있는지 확인 하고 검색 막대를 사용하여 설정을 찾으십시오. Editor: Detect Indentation이 설정은 사용자가 설정 한 내용 Editor: Insert Spaces과 Editor: Tab Size사용 가능한 시간 을 무시 하므로 사용하지 않을 수도 있습니다.
답변
들여 쓰기 변경하려면 프로그래밍 언어를 기반으로를 :
- (명령 팔레트를 열고 CtrlShiftP| 맥 OS를 : ⇧⌘P)
- 기본 설정 : 구성 언어 별 설정 … (명령 ID :
workbench.action.configureLanguageBasedSettings) - 프로그래밍 언어 선택 (예 : TypeScript)
-
이 코드를 추가하십시오 :
"[typescript]": { "editor.tabSize": 2 }
답변
editor.detectIndentationElliot-J의 답변 외에도를 false 로 설정할 수도 있습니다 .
파일에 다른 탭이나 공백 들여 쓰기 패턴이있는 것을 감지하면 VSCode는 파일 당 설정 editor.tabSize과 editor.insertSpaces설정 을 덮어 씁니다 . 기존 파일을 프로젝트에 추가하거나 Angular Cli와 같은 코드 생성기를 사용하여 파일을 추가하는 경우이 문제가 발생할 수 있습니다. 위의 설정은 VSCode가이를 수행하지 못하게합니다.
답변
코드 포맷 바로 가기 :
Windows의 VSCode-Shift + Alt + F
MacOS의 VSCode-Shift + Option + F
우분투의 VSCode-Ctrl + Shift + I
필요한 경우 환경 설정을 사용하여이 단축키를 사용자 정의 할 수도 있습니다.
키보드로 열 선택
Ctrl + Shift + Alt + Arrow
답변
제 경우에는 ” Editer for VS Code “확장이 VSCode 설정을 재정의하고 있습니다. 설치 한 경우 프로젝트의 루트 폴더에서 .editorconfig 파일을 확인하십시오.
다음은 구성 예입니다. “indent_size”는 탭의 공백 수를 설정합니다.
# editorconfig.org
root = true
[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
답변
‘VS 코드에서 들여 쓰기 변경’한 Google 사용자를위한 간단한 그림 설명
1 단계 : 환경 설정> 설정을 클릭하십시오.
2 단계 : 찾고있는 설정은 “들여 쓰기 감지”입니다. 입력을 시작하십시오. “편집기 : 탭 크기”를 클릭하십시오
3 단계 : ‘편집기 : 탭 크기’로 스크롤하여 2 (또는 필요한 것)를 입력합니다.
변경 사항이 자동으로 저장됩니다
나의 변화의 예
