공백을 탭으로 변환 공백 대신 탭을 만들고 싶습니다. 이것은

내가 쓰고 있어요 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 를 클릭하십시오 .
Ln44, Col. [공백 : 4]. BOM이있는 UTF-8. CTRLF HTML :)

기존 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 그리고 아마도 점검 될 것입니다. 아래 이미지와 같이 선택 해제하십시오.

편집기 : 공백 삽입

  1. 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"
  1. 저장 ( File➤로 이동 Save하거나 Ctrl +를 누르십시오 S)
  2. 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

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