환경의 글꼴 크기를 변경하는 방법은 무엇입니까?


234

Visual Studio Code에서 환경 글꼴 크기를 변경하는 방법이 있습니까? IntelliSense 상자, 디버그 패널, 파일 이름 등과 같은 항목

편집기의 글꼴 크기를 변경하는 방법을 알고 있지만 환경 글꼴 크기를 변경하는 방법을 알 수 없습니다. 어떻게 든 바꿀 수 있는지 궁금합니다.


환경 설정 메뉴의 settings.json에서 원하는 것을 찾을 수 있습니다. Microsoft는 사이트 에 사용자 지정 설정 형식을 제공합니다 .
Chi-Shan Yu

1
이 모든 답변은 편집기 글꼴 크기도 변경합니다. 편집기없이 환경 글꼴 크기를 어떻게 변경합니까?
mark-hahn

1
비 응답이 얼마나 많은 투표를했는지 놀랍습니다. OP 질문에 대한 답변은 여기서 찾을 수 없습니다. 그러나 많은 사람들이 OP와는 똑같지 만 다른 질문에 대해 같은 대답을 반복합니다.
Pedro Rodrigues

답변:


304

현재는 편집기 외부에서 글꼴 모음이나 크기를 변경할 수 없습니다. 그러나 View메뉴 에서 전체 사용자 인터페이스를 확대 및 축소 할 수 있습니다 .

VS Code 1.0 릴리스 업데이트 :

새로 도입 된 설정을 window.zoomLevel사용하면 확대 / 축소 수준을 유지할 수 있습니다! 확대 또는 축소하기 위해 음수 값과 양수 값을 모두 가질 수 있습니다.


3
출시 될 예정입니까? 우리는 그것에 투표 할 수 있습니까? 파일 목록은 고해상도 및 디버그 패널에서 매우 작게 보입니다
Sul Aga

보기 메뉴에서 확대 작업을 시도 했습니까?
Benjamin Pasero

지금 훨씬 나아졌습니다. 이 "해결 방법"을 답변에 추가하여 답변으로 표시 할 수 있습니까? 감사합니다
Sul Aga

축소하고 커서가 왜 사라지는 지 궁금하면 "가는 선"으로 설정되어 있는지 확인하십시오. "선"으로 설정하면 적어도 60 % 줌까지 문제가 해결됩니다.
Michael Johnston

: 창 줌 단점, 그것은 예를 들어 터미널에 "퍼지 글꼴"을 유발할 수있다 github.com/microsoft/vscode/issues/84194
산도스

166

편집기 "editor.fontSize": 18로 복사 하십시오 setting.json.

누르면 Control+ Shift+ P"설정"를 입력 한 후 및하면 쉽게 사용자 또는 작업 공간 설정 파일을 찾을 수 있습니다.

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


16
이것은 텍스트 편집기뿐만 아니라 모든 것을 크기 조정하기 위해 잘 작동하지만 OP와 동일하지는 않습니다.
Thaina

@ StepanSuvorov 아래의 새로운 답변을 참조하십시오.
randomguy04

@ randomguy04는 여전히 답에서 크기를 변경하기위한 지름길을 보지 못합니다
Stepan Suvorov

91

비주얼 스튜디오 코드에 의해 눌러 Ctrl+Ctrl-당신은 IDE의 전체 글꼴 크기를 변경할 수 있습니다. 이것은 모든 세션에서 설정을 변경하는 것보다 빠르게 도움이됩니다. 그것이 도움이되기를 바랍니다 ...


4
참고로, 이것은 사용자 설정 "window.zoomLevel"을 수정합니다 : 1,
Damian Green

2
최신 버전에서 확대는 Ctrl + =
Ryan Walker

22

중반 2017로 빠르게 설정 파일 프레스에 도착하려면 ctrl+ shift+ p를 입력 settings것을 알고, 거기에 당신이 사용자 설정 및 작업 공간 설정을 찾을 수 있습니다, 작업 공간 설정은 사용자 설정을 무시 가 직접 후자를 사용하는 것이 좋습니다 그래서, 전역 변경 (작업 공간 설정은 프로젝트 루트에 폴더를 생성합니다)에서 "editor.fontSize": 14빠른 제안으로 설정에 옵션을 추가 할 수있는 옵션 이 있지만 직접 수행하고 원하는 값을 변경할 수 있습니다 글꼴 크기.

그것을 요 ​​약하기:

  1. ctrl+ shift+p

  2. "사용자 설정"을 선택하십시오

  3. 더하다 "editor.fontSize": 14


9
이것은 OP의 질문에 대답하지 않습니다. OP는 특히 편집기 글꼴이 아닌 환경 글꼴 크기 변경을 요청합니다.
Chris

피드백 @Chris에 감사드립니다.하지만 질문에 대답하고 필요한 정보가 있다고 생각합니다. 당신이 원하는 경우 귀하의보고 특정의 ENV 설정이에서 지속됩니다, 환경 당을 가지고있는 사용자 설정이 아닌 작업 공간 설정을 변경하는 .vscode폴더
randomguy04

4
environment텍스트 편집기에없는 GUI의 모든 항목에서와 같이 OP는을 요청합니다 Stuff like IntelliSense box, debug panel, file names, etc. 내가 틀렸을 수도 있지만, OP는 당신이 말하는 환경을 의미한다고 생각하지 않습니다.
Chris

20

다음 사용자 설정을 조합하여 놀아보십시오.

{
  "editor.fontSize": 18,
  "window.zoomLevel": 1.5,
}

이것은 허용 된 답변에 추가되어야합니다. 매우 간결하고 정확한 정보
Chris

4
"window.zoomLevel": 1.5나 같은 노인에게 아주 좋은 선택입니다
e2a

여기에 많은 공감대가있는 모든 나쁜 대답은 마침내 올바른 접근법입니다.
마크

14

보기 메뉴에서 전체 사용자 인터페이스를 확대 및 축소 할 수 있습니다 .

지금은 1.21.1 버전을 사용 하고 있으며 보기 메뉴 에서 두 번째 및 세 번째 마지막 옵션 인 확대 및 축소 옵션을 얻을 수 있습니다. Ctrl+ +Ctrl+ 를 사용하면됩니다 -.

확대 / 축소 재설정 옵션 을 선택하여 언제든지 확대 / 축소를 재설정 할 수 있습니다 .


1
여기서 전체 사용자 인터페이스는 VSCode 편집기를 의미합니다.
shankar upadhyay

네, 전체 화면 크기가 조정됩니다. 고해상도 화면이있는 경우 완벽합니다
Kirill

14

버튼을 누른 후 Control+ Shift+ P@Edwin에 의해 제안 :

  1. 작업 공간 설정을 찾으십시오.

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

  1. 그런 다음 "파일의 설정을 오른쪽에 덮어 쓰면 ... 기본 및 사용자 설정을 덮어 쓰거나"사용자 설정 탭을 클릭하여 원하는 조치 인 경우 window.zoomLevel을 조정하십시오.

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


10

버전 1.2의 변경 로그에 따르면 글꼴 만 아니라 전체 UI를 확대 및 축소하기위한 새로운 명령이 추가되었습니다.

변경 내역 : https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

기본 전역 확대 / 축소 동작을 바꾸려면 다음 키 바인딩을 사용하십시오.

macOS에서 :

{ "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
{ "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
{ "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
{ "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
{ "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "cmd+0",               "command": "editor.action.fontZoomReset" },

Windows 및 Linux에서 :

{ "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },

8
  1. VS 코드 열기
  2. CTRL + SHFT + P 명령
  3. 타입 설정
  4. 설정 파일이 열립니다.
  5. 이제 사용자> 텍스트 편집기> 글꼴에서 글꼴 크기를 찾으십시오.
  6. 원하는 글꼴 크기를 입력하십시오

그게 다야.


7

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

나는 내 것으로 설정 "editor.fontSize": 12,

파일을 저장하면 효과가 올바르게 나타납니다.

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

즐겨 !


4
그것은 요구 된 것이 아닙니다
JohnC

7

Visual Studio Work Environment에서 글꼴 크기를 변경하는 간단한 방법 :

이동 : 파일-> 환경 설정-> 설정 또는CTRL + ,즉 CTRL + COMMA를 누릅니다 .

settings.json 이 열립니다 .

당신은 거기에 3 개의 탭을 볼 수 있습니다 :

  1. 사용자 설정
  2. 작업 공간 설정
  3. 폴더 설정

사용자 설정으로 이동하여 다음을 추가하십시오.

{
"editor.fontSize": 16
}

이제 파일을 저장하고 닫습니다 .

위의 코드에서 16 은 글꼴 크기를 나타냅니다. 당신의 소원에 따라 감소의 증가.


6

(Windows 7의 VS 코드 1.33.1)

모두 확대 (UI 및 편집기) : CTRL + + , CTRL + - .

확대 / 축소 편집기 : CTRL + 마우스 휠.

어떻게 수정했는지 아래를 참조하십시오.

@Edwin이 제안한대로 : Control + Shift + P를 누르고 "설정"을 입력하면 사용자 또는 작업 공간 설정 파일을 쉽게 찾을 수 있습니다.

내 설정 파일은 "C : \ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json"에 있습니다.

내 파일은 다음과 같습니다

{
    "editor.fontSize": 12,
    "editor.suggestFontSize": 6,
    "markdown.preview.fontSize": 0,
    "terminal.integrated.fontSize": 10,
    "window.zoomLevel": 0,
    "workbench.sideBar.location": "left",
    "editor.mouseWheelZoom": true
}

6

코드 창이 너무 커졌을 때 실수로 수행 한 작업을 해결하기 위해 나이가 들었습니다.

축소 = Ctrl+ Shift+ ,(쉼표)

확대 = Ctrl+ Shift+ .(완전 정지 / 기간)

실제로 게시 된 질문에 대한 답변은 아니지만 증상으로 인해 나와 같은 사람이 여기에 올 것이라고 생각합니다!


5

Visual Studio 코드 (버전 : 1.36.1), 편집기에서 글꼴 크기를 변경하는 많은 옵션이 있습니다.

옵션 1:

이동 : 파일 > 환경 설정 > 설정 > 사용자 탭 선택 > 텍스트 편집기 > 글꼴 > 글꼴 크기

글꼴 크기 : 요구 사항에 따라 글꼴 크기를 픽셀 단위로 변경


옵션 2 :

Ctrl+를 누르십시오P

검색 : settings.json , 파일을 열고 settings.json 파일 에이 행을 추가 하십시오.

{
    "editor.fontSize": 20
}

참고 : 변경 후 파일 저장


옵션 3 :

Ctrl+ Shift+를 누릅니다P

검색 : 편집기 글꼴 확대

  • 클릭하면 글꼴 크기가 커집니다.

검색 : 편집기 글꼴 축소

  • 클릭하면 글꼴 크기가 줄어 듭니다.

4

현재 (2018 년 3 월) 및 버전 1.21.0부터 설정으로 이동하여 'zoom'을 검색 "editor.mouseWheelZoom": false하고 기본적으로 false로 변경할 수 true있습니다. 제어 버튼과 마우스-를 사용하여 VS Code를 확대 / 축소 할 수 ctrl + scrollUp/scrollDown있습니다. fontSizeVS Code의 전체 작업 공간 / 화면을 변경하려면 위의 Alegozalves의 답변을 참조하십시오.


4

Visual Studio Code의 경우 설정 탭에서 글꼴 크기를 쉽게 변경할 수 있습니다.

간단한 이 작업을 수행하는 방법은 누르는 것입니다 Ctrl+ Shift+P 다음 '설정'을 입력합니다. 몇 가지 결과가 표시됩니다. '설정 (UI)'을 선택하십시오. 설정 탭이 편집기에서 열립니다. 이제 여기에서 글꼴 설정을 변경할 수 있습니다. 에디터의 폰트에만 영향을줍니다.

또는 창의 왼쪽 하단에있는 설정 아이콘을 클릭하여 글꼴을 검색 할 수도 있습니다.

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

전체 환경의 글꼴 크기를 변경하려면 ctrl+를 누르십시오 +. 이것은 전체 환경을 확대하는 것과 같이 작동하여 글꼴 크기가 증가합니다.

설정 선택 (UI)


3

보도 Ctrl및 마우스 휠을 사용하여 확대 또는 아웃 .


보기 메뉴에서 전체 사용자 인터페이스를 확대 및 축소 할 수 있습니다. 그러나 문제는 글꼴 크기를 변경하는 방법입니다

3

눌러 Ctrl, Shift, P같은 시간에, 메뉴가 검색 나타납니다 Editor Zoom in. 그것을 선택하면 글꼴이 어느 정도 커집니다.

원하는 글꼴 크기가 될 때까지이 과정을 반복하십시오.


1

당신이 사용할 수있는 editor.fontSize사용자에 setting.json편집기의 파일.

예를 들면 다음과 같습니다.

{
"editor.fontSize": 14
}
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.