내가 쓰고 있어요 TypeScript및HTML 파일을 탭이 공백으로 변환됩니다.

내 TypeScript프로젝트에서 모든 탭은 공백으로 변환되고, 끄고 공백 대신 탭을 만들고 싶습니다.

이것은 내 설정입니다.

{
  "editor.insertSpaces": false
}

편집 1 :

.html파일에서는 작동 하지만 파일에서는 작동 하지 않는 것 같습니다 .ts.

3 가지 옵션이 있습니다 .vscode/settings.json:

// The number of spaces a tab is equal to.
"editor.tabSize": 4,

// Insert spaces when pressing Tab.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces` will be detected based on the file contents.
"editor.detectIndentation": true

editor.detectIndentation파일에서 감지하면 비활성화해야합니다. 도움이되지 않으면 우선 순위가 높은 설정이 없는지 확인하십시오. 예를 들어 사용자 설정에 저장하면 프로젝트 폴더에있는 작업 공간 설정으로 덮어 쓸 수 있습니다.

최신 정보:

당신은 단지 열 수 있습니다 파일 » 환경 » 설정 또는 사용 바로 가기 :

CTRL+ , (Windows, Linux)

⌘+ , (Mac)

최신 정보:

이제 해당 옵션을 수동으로 편집하는 대안이 있습니다. 편집기의 오른쪽 하단
에있는 선택기 공간 : 4 를 클릭하십시오 .

기존 ws를 탭으로 변환하려면 마켓 플레이스에서 확장 프로그램을 설치하십시오.
편집 :
기존 들여 쓰기를 공백에서 탭으로 변환하려면 Ctrl+ Shift+를P 누르고 다음을 입력하십시오.

>Convert indentation to Tabs

정의 된 설정에 따라 문서의 들여 쓰기가 탭으로 변경됩니다.

탭 설정을 변경하려면 vscode 창의 오른쪽 아래에있는 상태 표시 줄에서 Ln / Col 텍스트 오른쪽의 텍스트 영역을 클릭하십시오.

이름은 Tab Size또는 일 수 있습니다 Spaces.

사용 가능한 모든 작업 및 설정이 포함 된 메뉴가 나타납니다.

Ctrl+ Shift+ P을 클릭 한 다음 들여 쓰기를 탭으로 변환

공백 대신 탭을 사용하려는 경우

이 시도:

1. File➤ Preferences➤로 이동 Settings하거나 +를 누르십시오.Ctrl ,
2. 상단 삽입물 의 검색 설정 표시 줄에서editor.insertSpaces
3. 다음과 같은 내용이 표시됩니다 : Editor : Insert Spaces 그리고 아마도 점검 될 것입니다. 아래 이미지와 같이 선택 해제하십시오.

4. Visual Studio 코드 다시로드 ( F1➤ 유형 reload window➤을 누름 Enter)

작동하지 않으면 다음을 시도하십시오.

설치된 플러그인 JS-CSS-HTML Formatter 때문일 것입니다.

( File➤ Preferences➤로 이동 Extensions하거나 Ctrl + Shift +를 눌러 확인할 수 있습니다 X. 사용 목록 에서 JS-CSS-HTML Formatter를 찾을 수 있습니다 )

그렇다면이 플러그인을 수정할 수 있습니다.

1. 보도 F1➤ 유형 Formatter config➤ 눌러 Enter(이 파일을 엽니 다formatter.json )
2. 다음과 같이 파일을 수정하십시오.

 4|    "indent_size": 1,
 5|    "indent_char": "\t"
——|
24|    "indent_size": 1,
25|    "indentCharacter": "\t",
26|    "indent_char": "\t",
——|
34|    "indent_size": 1,
35|    "indent_char": "\t",
36|    "indent_character": "\t"

3. 저장 ( File➤로 이동 Save하거나 Ctrl +를 누르십시오 S)
4. Visual Studio 코드 다시로드 ( F1➤ 유형 reload window➤을 누름 Enter)

필자의 경우 1 월 업데이트 후에 설치된 JS-CSS-HTML Formatter 확장 기능에 문제가있었습니다 . 기본 indent_char속성은 공백입니다. 나는 그것을 제거하고 이상한 행동이 멈 춥니 다.

공식 대 코드 설정에서 이것을 확인하십시오.

// Controls whether `editor.tabSize#` and `#editor.insertSpaces` will be automatically detected when a file is opened based on the file contents.
"editor.detectIndentation": true,

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

// Config the editor that making the "space" instead of "tab"
"editor.insertSpaces": true,

// Configure editor settings to be overridden for [html] language.
"[html]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 2,
    "editor.autoIndent": false
}

아래 설정이 잘 작동합니다.

"editor.insertSpaces": false,
"editor.formatOnSave": true, // only if you want auto fomattting on saving the file
"editor.detectIndentation": false

위의 설정은 모든 파일에 반영되어 적용됩니다. 모든 파일을 수동으로 들여 쓰기 / 포맷 할 필요는 없습니다.

파일 -> 환경 설정 -> 설정 또는 Ctrl+를 누르고 공백을, 검색 한 다음이 옵션을 비활성화하십시오.

변경 사항을 적용하려면 파일을 다시 열어야했습니다.

1. 코드를 강조 표시하십시오 (파일).
2. 응용 프로그램 창의 오른쪽 하단에서 탭 크기를 클릭하십시오.
3. 적절한 들여 쓰기를 탭으로 선택

많은 파일에서 탭을 공백으로 변경하고 싶지만 개별적으로 열지 않으려 는 경우 가장 왼쪽의 도구 모음에서 찾기 및 바꾸기 옵션을 사용하는 것도 동일하게 작동한다는 것을 알았습니다 .

첫 번째 상자 ( Find)에서 소스 코드에서 탭을 복사하여 붙여 넣습니다.

두 번째 상자 ( Replace)에 사용하려는 공백 수를 입력하십시오 (예 : 2 또는 4).

...버튼 을 누르면 포함하거나 무시할 디렉토리를 지정할 수 있습니다 (예 :src/Data/Json .

마지막으로 결과 미리보기를 검사하고 모두 바꾸기를 누릅니다. . 작업 공간의 모든 파일이 영향을받을 수 있습니다.

{
  "editor.insertSpaces": true
}

True 나를 위해 작동합니다.