Visual Studio Code : 형식이 들여 쓰기 설정을 사용하지 않습니다

Format CodeVisual Studio Code에서 명령을 사용할 때 들여 쓰기 설정 ( "editor.tabSize": 2)을 따르지 않습니다 . 대신 탭 크기 4를 사용하고 있습니다. 왜 이런 일이 일어나고 있습니까?

감사!

서식 지정에 사용할 공간 수는 다른 위치에서 가져옵니다. 버전 1.0을 사용하고 있으며이를 해결하기 위해 수행 한 작업입니다 (탭 대신 공백을 사용한다고 가정합니다).

오른쪽의 편집기 하단에서 "공백 : #"을 클릭하십시오.

그러면 메뉴가 맨 위에 나타납니다. "공백 들여 쓰기"를 선택하십시오 :

마지막으로 파일을 들여 쓰기 할 공간 수를 선택할 수 있습니다.

다음에 파일을 포맷 할 때 구성한 간격을 확보 할 수 있어야합니다.

Visual Studio Code는 기본값별로 현재 들여 쓰기를 감지하고이를 사용하여 .editorconfig를 무시합니다.

"editor.detectIndentation" 도 false로 설정하십시오.

(파일-> 환경 설정-> 설정)

@Maleki의 답변이 효과가 없다면 .editorconfig프로젝트 폴더에 파일 이 있는지 확인하십시오 .

예를 들어 Angular CLI는 다음과 같은 새 프로젝트로 생성합니다

# Editor configuration, see http://editorconfig.org
root = true

[*]
charset = utf-8
indent_style = space
indent_size = 2
insert_final_newline = true
trim_trailing_whitespace = true

[*.md]
max_line_length = off
trim_trailing_whitespace = false

작업 공간 또는 사용자 설정의 indent_size내용을 무시하는 것처럼 여기를 변경 해야합니다 .vscode.

플러그인 (제 경우에는 Vetur, vue.js 용)을 사용하는 경우 고유 한 탭 형식 설정을 지정할 수 있습니다.

설정을 열고 "형식"을 검색 한 후 전역 탭 형식을 덮어 쓸 수있는 관련 플러그인 설정을 살펴보십시오. 이것은 나를 위해 일했다. 기본 설정 (필자의 경우 4 크기 탭)과 일치하도록 Vetur 탭 설정을 업데이트하면 .vue 문서의 형식이 올바르게 작동하기 시작했습니다.

나 자신을 위해이 문제는 prettier작업 공간에 더 예쁜 구성 파일이없는 VSCode 플러그인 을 사용하여 발생했습니다 .

플러그인을 비활성화하면 문제가 해결되었습니다. 더 예쁜 구성에 의존하여 수정되었을 수도 있습니다.

JS-CSS-HTML Formatter 와 같은 일부 서식 확장이 설치되어있을 가능성이 큽니다 .

이 경우 명령 팔레트를 열고 "포맷터"를 입력 한 다음을 선택하십시오 Formatter Config. 그런 다음 "indent_size"원하는대로 값을 편집하십시오 .

추신 : 편집 후 Visual Studio Code를 다시 시작하는 것을 잊지 마십시오 :)

아래 설정으로 문제가 해결되었습니다.

  "editor.detectIndentation": false,
  "editor.insertSpaces": false,
  "editor.tabSize": 2,

탭 들여 쓰기가되지 않아 Google에서 여기 온 경우 "Tab Moves Focus"가 켜져 있기 때문일 수도 있습니다. 오른쪽 하단에 있으며 모니터가 충분하면 강조 표시되어 있어도 놓칠 수 있습니다.

녹색 영역 또는 Ctrl + M을 클릭하여 중지하십시오. 나는 그것이 완전히 비활성화 될 수 있는지 확신하지 못한다면 다시 코드 편집기가 들여 쓰기와 같은 것을 엉망으로 만드는 이유를 알지 못합니다.

비슷한 문제가 있었지만 (내가 무엇을하든 사용자 설정에 있더라도 tabsize를 2로 고정시킬 수 없었습니다.) 결국 EditorConfig 확장 으로 인한 것 입니다. .editorconfig현재 작업 디렉토리에서 파일을 찾고, 파일을 찾지 못하면 (또는 찾은 파일이 지정하지 않은 경우 root=true) 디렉토리를 찾을 때까지 상위 디렉토리를 계속 찾습니다.

나는 밝혀이 있었다 .editorconfig나는 모든 내 새로운 코드 프로젝트를 넣어 디렉토리의 부모 디렉토리에, 그리고 파일이 내 문제를 해결한다는 4. 삭제의 tabSize를 지정했습니다.

때로는 같은 문제가 있습니다. VSCode는 갑자기 마음을 잃고 하루 종일 동일한 파일을 들여 쓰기하더라도 내가 말하는 들여 쓰기 설정을 완전히 무시합니다.

나는 editor.tabSize2로 editor.formatOnSave설정하고 true 로 설정했습니다. VSCode가 파일을 엉망으로 만들 때 편집기 하단의 옵션을 사용하여 들여 쓰기 유형과 크기를 변경하고 무언가가 작동하기를 원하지만 실제로 VSCode는 들여 쓰기 크기 4를 사용해야합니다.

수정? VSCode를 다시 시작하십시오. 들여 쓰기 상태가 잘못된 것을 보여 주어야합니다 (제 경우에는 4). 나에게 설정을 변경 한 다음 실제로 변경하기 위해 저장해야했지만 아마도 내 editor.formatOnSave설정 때문일 수 있습니다.

왜 그런 일이 발생했는지 알지 못했지만 JS 파일에서 중첩 된 객체를 편집 할 때 일반적으로 발생합니다. 내가 그 파일을 잠시 동안 작업했지만 제대로 들여 쓰기가되었지만 갑자기 객체 내에서 매우 이상한 들여 쓰기가 이루어집니다.

VSCode 플러그인 Vetur; VueJS 응용 프로그램에 사용 된 설정이 나를 대신했습니다.

vetur.format.options.tabSize를 원하는 수의 공간으로 설정하면 작동합니다.

vscode는 .py기본적으로 autopep8을 사용하여 포맷한다고 생각합니다 .

"PEP 8-Python 코드 스타일 가이드 | Python.org"

이 웹 사이트에 따르면 다음은 vscode가 항상 4 개의 공백을 사용하는 이유를 설명합니다.

들여 쓰기 레벨 당 4 개의 공백을 사용하십시오.

모든 플러그인을 비활성화합니다 (그런 다음 하나씩 활성화하고 확인)