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
.
내 공간을 보여줍니다, →
- 공백 (또는 탭 크기)을 클릭하십시오. )을
- 공백을 사용하여 들여 쓰기 또는 탭을 사용하여 들여 쓰기를 선택하십시오.
- 원하는 공간 또는 탭의 양을 선택하십시오.
이것은 프로젝트 전체가 아닌 문서마다 작동합니다. 프로젝트 전체에 적용하려면 "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에서) 다음을 수행 할 수 있습니다.
- 왼쪽 하단 기어 →
- 설정 → 오른쪽 상단 열기 설정
답변
기본적으로 Visual Studio Code는 현재 열려있는 파일의 들여 쓰기를 자동 감지합니다. 이 기능을 끄고 공백 (예 : 두 칸)을 모두 만들려면 사용자 설정 또는 작업 공간 설정에서 다음을 수행하십시오.
{
"editor.tabSize": 2,
"editor.detectIndentation": false
}
답변
EditorConfig 및 VS 코드 확장을 위한 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