[visual-studio-code] 탭에서 공백으로 변환 계수를 사용자 정의하려면 어떻게해야합니까?

Visual Studio Code를 사용할 때 탭에서 공백으로 변환하는 요소를 어떻게 사용자 정의합니까?

예를 들어, 현재 HTML TAB에서는를 누를 때마다 두 개의 공백 이 생성되는 것으로 보이지만 TypeScript에서는 4를 생성합니다.



답변

기본적으로 Visual Studio Code는 사용자가 연 파일에 따라 들여 쓰기 옵션을 추측합니다.

들여 쓰기 추측 기능을 통해 끌 수 있습니다 "editor.detectIndentation": false .

당신은 이러한 세 가지 설정을 통해 쉽게 사용자 정의 할 수 있습니다 윈도우 메뉴에서 파일환경 설정사용자 설정 및 대한 메뉴에서 코드환경 설정설정 또는 ⌘,:

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

// Insert spaces when pressing Tab. This setting is overriden
// based on the file contents when `editor.detectIndentation` is true.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces`
// will be detected based on the file contents. Set to false to keep
// the values you've explicitly set, above.
"editor.detectIndentation": false


답변

버전 1.21을 실행하고 있지만 이전 버전에도 적용될 수 있다고 생각합니다.

화면 오른쪽 하단을 살펴보십시오. 당신은 Spaces또는Tab-Size .

내 공간을 보여줍니다, →

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

  1. 공백 (또는 탭 크기)을 클릭하십시오. )을
  2. 공백을 사용하여 들여 쓰기 또는 탭을 사용하여 들여 쓰기를 선택하십시오.
  3. 원하는 공간 또는 탭의 양을 선택하십시오.

이것은 프로젝트 전체가 아닌 문서마다 작동합니다. 프로젝트 전체에 적용하려면 "editor.detectIndentation": false사용자 설정 에도 추가 해야합니다.


답변

글쎄, 개발자 방식이 마음에 드시면 Visual Studio Code를 통해에 대해 다른 파일 형식을 지정할 수 있습니다 tabSize. 다음은 settings.json기본 네 공백과 JavaScript / JSON 두 공백 이있는 my의 예입니다 .

{
  // I want my default to be 4, but JavaScript/JSON to be 2
  "editor.tabSize": 4,
  "[javascript]": {
    "editor.tabSize": 2
  },
  "[json]": {
    "editor.tabSize": 2
  },

  // This one forces the tab to be **space**
  "editor.insertSpaces": true
}

추신 : 글쎄,이 파일을 여는 방법을 모르는 경우 (특히 새로운 버전의 Visual Studio Code에서) 다음을 수행 할 수 있습니다.

  1. 왼쪽 하단 기어 →
  2. 설정 → 오른쪽 상단 열기 설정

 

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


답변

기본적으로 Visual Studio Code는 현재 열려있는 파일의 들여 쓰기를 자동 감지합니다. 이 기능을 끄고 공백 (예 : 두 칸)을 모두 만들려면 사용자 설정 또는 작업 공간 설정에서 다음을 수행하십시오.

{
    "editor.tabSize": 2,

    "editor.detectIndentation": false
}


답변

EditorConfigVS 코드 확장을 위한 EditorConfig를 사용 하여 파일 유형별탭 크기를 제어 할 수 있습니다 . 그런 다음 각 파일 형식에 + + 를 지정할 수 있습니다 .AltShiftF

설치

ext install EditorConfig

구성 예

.editorconfig

[*]
indent_style = space

[*.{js,ts,json}]
indent_size = 2

[*.java]
indent_size = 4

[*.go]
indent_style = tab

settings.json

EditorConfig는 json이 편집기에 구성한 모든 설정을 무시합니다. 변경할 필요가 없습니다 editor.detectIndentation.


답변

Visual Studio Code에서 더 예쁜 확장명을 사용하는 경우 settings.json 파일에 추가하십시오.

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

"prettier.tabWidth": 4,
"prettier.useTabs": true  // This made it finally work for me


답변

에서 비주얼 스튜디오 코드 버전 1.31.1 또는 (내가 생각하는)처럼이 나오지 알렉스 디마을 , 당신은 이러한 설정을 통해 쉽게 사용자 정의 할 수 있습니다

  • 메뉴 파일환경 설정사용자 설정의 Windows 또는 단축키 Ctrl+ Shift+P
  • 맥 메뉴에서 코드환경 설정설정 하거나 ,

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

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