[formatting] Visual Studio Code에서 들여 쓰기를 변경하는 방법?

모든 타입 스크립트 파일에 대해 Visual Studio 코드는 8 칸의 자동 들여 쓰기를 사용합니다. 이것은 내 취향에 비해 너무 많지만 어디에서 바꿀 것인지 찾을 수 없습니다.

설정으로 사용할 수 있지만 들여 쓰기와 관련된 것을 찾을 수 없으므로 다른 이름으로 사용 가능할 수 있습니다.

최신 정보

현재 Prettier 코드 포맷터를 사용하고 있으며 저장시 자동 서식 지정으로 모든 서식 문제를 해결합니다 (구문 오류가없는 경우)



답변

전역 User수준 또는 Workspace수준 에서이를 변경할 수 있습니다 .

설정을 엽니 다 바로 가기 사용 ctrl + ,또는 클릭 File> Preferences> Settings다음과 같이합니다.

VS 코드 메뉴의 설정

그런 다음 다음 두 가지 변경을 수행하십시오. ( tabSize검색 막대에 입력)

  1. 의 확인란을 선택 취소하십시오 Detect Indentation
  2. 탭 크기를 2/4로 변경하십시오 (2는 JS에 적합하다고 생각하지만) :

여기에 이미지 설명을 입력하십시오


답변

오른쪽 하단의 도구 모음에 다음과 같은 항목이 표시됩니다. 여기에 이미지 설명을 입력하십시오
클릭하면 공백 또는 탭을 사용하여 들여 쓰기하는 옵션이 표시됩니다. 들여 쓰기 유형을 선택한 후 들여 쓰기의 크기를 변경할 수 있습니다. 위 예의 경우 들여 쓰기는 들여 쓰기 당 4 개의 공백 문자로 설정됩니다. 들여 쓰기 문자로 탭을 선택한 경우 공백 대신 탭 크기 가 표시 됩니다.

개별 파일이 아닌 모든 파일에 적용하려면 필요에 따라 사용자 설정 또는 작업 영역 설정Editor: Tab SizeEditor: Insert Spaces설정을 재정의하십시오.

편집 1

사용자 또는 작업 공간 설정을 얻으려면 환경 설정 -> 설정으로 이동하십시오 . 필요에 따라 사용자 또는 작업 공간 탭에 있는지 확인 하고 검색 막대를 사용하여 설정을 찾으십시오. Editor: Detect Indentation이 설정은 사용자가 설정 한 내용 Editor: Insert SpacesEditor: Tab Size사용 가능한 시간 을 무시 하므로 사용하지 않을 수도 있습니다.


답변

들여 쓰기 변경하려면 프로그래밍 언어를 기반으로를 :

  1. (명령 팔레트를 열고 CtrlShiftP| 맥 OS를 : P)
  2. 기본 설정 : 구성 언어 별 설정 … (명령 ID : workbench.action.configureLanguageBasedSettings)
  3. 프로그래밍 언어 선택 (예 : TypeScript)
  4. 이 코드를 추가하십시오 :

    "[typescript]": {
        "editor.tabSize": 2
    }
    

VS Code Docs도 참조하십시오.


답변

editor.detectIndentationElliot-J의 답변 외에도를 false 로 설정할 수도 있습니다 .

파일에 다른 탭이나 공백 들여 쓰기 패턴이있는 것을 감지하면 VSCode는 파일 당 설정 editor.tabSizeeditor.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 (또는 필요한 것)를 입력합니다.

여기에 이미지 설명을 입력하십시오


변경 사항이 자동으로 저장됩니다

여기에 이미지 설명을 입력하십시오

나의 변화의 예

여기에 이미지 설명을 입력하십시오