Jak zmienić rozmiar czcionki środowiska?


234

Czy istnieje sposób zmiany rozmiaru czcionki środowiska w programie Visual Studio Code? Rzeczy takie jak IntelliSense, panel debugowania, nazwy plików itp.

Wiem, jak zmienić rozmiar czcionki edytora, ale nie wiem, jak zmienić rozmiar czcionki środowiska. Zastanawiam się więc, czy możesz to jakoś zmienić.


Możesz znaleźć to, czego chcesz w settings.json z menu preferencji. Microsoft podaje formate ustawienia dostosowywania w swojej witrynie .
Chi-Shan Yu,

1
Wszystkie te odpowiedzi zmieniają również rozmiar czcionki edytora. Jak mogę zmienić rozmiar czcionki środowiska bez edytora?
mark-hahn

1
Zaskakujące, ile głosów nie otrzymało odpowiedzi. Po prostu nie ma tutaj odpowiedzi na pytanie PO. Jednak tak wielu powtarza tę samą odpowiedź na dokładnie to samo, ale inne pytanie niż PO.
Pedro Rodrigues,

Odpowiedzi:


304

Obecnie nie można zmienić rodziny czcionek ani rozmiaru poza edytorem. Możesz jednak powiększyć i pomniejszyć cały interfejs użytkownika z Viewmenu.

Aktualizacja naszej wersji VS Code 1.0:

Nowo wprowadzone ustawienie window.zoomLevelpozwala na trwałe utrzymać poziom powiększenia! Może mieć zarówno wartości ujemne, jak i dodatnie, aby powiększyć lub pomniejszyć.


3
czy jest jakiś plan, aby mieć go w nadchodzącym wydaniu? czy możemy na to głosować? lista plików wygląda bardzo malutko w wysokiej rozdzielczości, a także panel debugowania
Sul Aga

Czy próbowałeś powiększyć w akcji z menu widoku?
Benjamin Pasero

o wiele lepiej teraz. Czy możesz dodać to „obejście” do swojej odpowiedzi, abym mógł oznaczyć ją jako odpowiedź. Dziękuję
Sul Aga,

jeśli pomniejszasz i zastanawiasz się, dlaczego kursor znika, sprawdź, czy ustawiłeś go na „cienką linię”. Ustawienie go na „linię” rozwiąże problem, przynajmniej przy powiększeniu do 60%.
Michael Johnston,

Zoom okna ma wadę, może wywoływać „rozmyte czcionki” w terminalu, na przykład: github.com/microsoft/vscode/issues/84194
sandos

166

Po prostu skopiuj "editor.fontSize": 18do swojego setting.jsonedytora.

Naciśnięcie Control+ Shift+, Pa następnie wpisanie „ustawienia” pozwoli ci łatwo znaleźć plik ustawień użytkownika lub obszaru roboczego.

wprowadź opis zdjęcia tutaj


16

@StepanSuvorov zobacz moją nową odpowiedź poniżej, wiem, że to się spóźnia, na zdrowie!
randomguy04

@ randomguy04 nadal nie widzi skrótu do zmiany rozmiaru w odpowiedzi
Stepan Suvorov

91

W programie Visual Studio Code, naciskając Ctrl+i Ctrl-można zmienić ogólny rozmiar czcionki IDE. Pomaga to szybciej niż zmiana ustawień w każdej sesji. Mam nadzieję, że to pomoże...


4
uwaga, to modyfikuje ustawienia użytkownika „window.zoomLevel”: 1,
Damian Green

2
W najnowszej wersji powiększenie to Ctrl + =
Ryan Walker

22

Od połowy 2017 r. Aby szybko przejść do plików ustawień, naciśnij ctrl+ shift+ pi wejdź settings, tam znajdziesz ustawienia użytkownika i ustawienia obszaru roboczego, pamiętaj, że ustawienia obszaru roboczego zastąpią ustawienia użytkownika , więc lepiej użyć tego ostatniego bezpośrednio do zrób to globalną zmianą (ustawienia obszaru roboczego utworzą folder w katalogu głównym projektu), stamtąd będziesz mógł dodać opcję "editor.fontSize": 14do swoich ustawień jako szybką sugestię, ale możesz to zrobić samodzielnie i zmienić wartość na preferowaną rozmiar czcionki.

Podsumowując:

  1. ctrl+ shift+p

  2. wybierz „ustawienia użytkownika”

  3. Dodaj "editor.fontSize": 14


9
to NIE odpowiada na pytanie OP. OP konkretnie prosi o zmianę rozmiaru czcionki środowiska, a nie czcionki edytora.
Chris

Dziękuję za opinię @Chris, jednak myślę, że odpowiada na pytanie i zawiera niezbędne informacje. jeśli chcesz, aby był on dostosowany do środowiska, zmień ustawienia obszaru roboczego zamiast ustawień użytkownika, a twoje określone ustawienia env zostaną zachowane w .vscodefolderze
randomguy04,

4
PO pyta, dla environment, jak wszystko w GUI, które nie jest w edytorze tekstowym Stuff like IntelliSense box, debug panel, file names, etc. Mogę się mylić, ale nie sądzę, że OP odnosi się do env, o której mówisz
Chris

20

Spróbuj pobawić się kombinacją następujących ustawień użytkownika:

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

należy to dodać do zaakceptowanej odpowiedzi. Bardzo zwięzłe i na temat
Chris

4
"window.zoomLevel": 1.5to bardzo dobry wybór dla starszego faceta takiego jak ja
e2a

Wszystkie złe odpowiedzi tutaj z mnóstwem pozytywnych opinii, to jest wreszcie właściwe podejście.
Mark

14

Możesz powiększać i pomniejszać cały interfejs użytkownika z menu Widok.

W tej chwili używam wersji 1.21.1 i tam w menu widoku możesz uzyskać opcję Powiększ i Pomniejsz, które są ostatnią i drugą opcją. Możesz to zrobić za pomocą Ctrl+ +i Ctrl+ -.

Możesz zresetować powiększenie w dowolnym momencie, wybierając opcję Resetuj powiększenie .


1
Tutaj cały interfejs użytkownika oznacza edytor VSCode.
shankar upadhyay

Tak, to skaluje całe okno, co jest idealne, jeśli masz ekran o wysokiej rozdzielczości
Kirill

14

Po naciśnięciu Control+ Shift+ Pzgodnie z sugestią @Edwin:

  1. Poszukaj ustawień obszaru roboczego:

wprowadź opis zdjęcia tutaj

  1. Następnie „Umieść ustawienia w pliku po prawej stronie, aby zastąpić ... ustawienia domyślne i ustawienia użytkownika” lub kliknij kartę Ustawienia użytkownika, aby dostosować window.zoomLevel, jeśli jest to pożądana czynność.

wprowadź opis zdjęcia tutaj


10

Według dziennika zmian wersji 1.2 dodano nowe polecenia, aby powiększać i pomniejszać tylko czcionkę, ale cały interfejs użytkownika.

Dziennik zmian: https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

Użyj następujących skrótów klawiszowych, aby zastąpić domyślne globalne akcje powiększania:

na 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" },

w systemie Windows i 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. Otwórz kod VS
  2. Wpisz polecenie CTRL + SHFT + P
  3. Wpisz ustawienia
  4. Plik ustawień zostanie otwarty.
  5. Teraz w sekcji Użytkownik> Edytor tekstu> Czcionka znajdź Rozmiar czcionki
  6. Wprowadź żądany rozmiar czcionki

Otóż ​​to.


7

wprowadź opis zdjęcia tutaj

Mam moje ustawione na "editor.fontSize": 12,

Zapisz plik, zobaczysz efekt po drodze.

wprowadź opis zdjęcia tutaj

Cieszyć się !


4
nie o to poproszono
JohnC

7

Proste podejście do zmiany rozmiaru czcionki w środowisku roboczym Visual Studio:

Idź do : Plik -> Preferencje -> Ustawienia LUB Naciśnij CTRL+ ,tj. CTRL + COMMA.

Spowoduje to otwarcie pliku settings.json .

Możesz tam zobaczyć 3 zakładki:

  1. Ustawienia użytkownika
  2. Ustawienia obszaru roboczego
  3. Ustawienia folderów

Przejdź do Ustawień użytkownika i dodaj to:

{
"editor.fontSize": 16
}

Teraz po prostu zapisz i zamknij plik.

W powyższym kodzie 16 oznacza rozmiar czcionki. Zwiększenie zmniejszenia zgodnie z życzeniem.


6

(VS Code 1.33.1 w systemie Windows 7)

Powiększ wszystko (interfejs użytkownika i edytor): CTRL + + , CTRL + - .

Edytor Zoom: CTRL + kółko myszy.

Zobacz poniżej, jak to naprawiłem.

Jak sugeruje @Edwin: Naciśnięcie Control + Shift + P, a następnie wpisanie „ustawienia” pozwoli ci łatwo znaleźć plik ustawień użytkownika lub obszaru roboczego.

Mój plik ustawień znajduje się tutaj: „C: \ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json”

Mój plik wygląda następująco:

{
    "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

Wieki zajęły mi ustalenie, co przypadkowo zrobiłem, gdy moje okno kodu stało się ogromne:

Pomniejszenie = Ctrl+ Shift+ ,(przecinek)

Przybliż = Ctrl+ Shift+ .(kropka / kropka)

W rzeczywistości nie jest to odpowiedź na zadane pytanie, ale myślę, że ktoś taki jak ja skończy tutaj z powodu objawów!


5

Istnieje wiele opcji zmiany rozmiaru czcionki w kodzie Visual Studio (wersja: 1.36.1), edytor

Opcja 1:

Przejdź do: Plik > Preferencje > Ustawienia > wybierz kartę Użytkownik > Edytor tekstu > Czcionka > Rozmiar czcionki

Rozmiar czcionki: Zmień rozmiar czcionki w pikselach zgodnie z wymaganiami


Opcja 2:

Naciśnij Ctrl+P

Wyszukaj: settings.json , Otwórz plik i dodaj ten wiersz w pliku settings.json :

{
    "editor.fontSize": 20
}

Uwaga: Zapisz plik po zmianach


Opcja 3:

Naciśnij Ctrl+ Shift+P

Szukaj: czcionka edytora Powiększ

  • Wystarczy kliknąć, rozmiar czcionki zostanie zwiększony

Szukaj: Pomniejsz czcionkę edytora

  • Wystarczy kliknąć, rozmiar czcionki zostanie zmniejszony

4

Od teraz (marzec 2018 r.) I wersja 1.21.0 możesz przejść do Ustawień, wyszukać „powiększenie” i zmienić "editor.mouseWheelZoom": falsedomyślnie wartość fałsz true. Umożliwi to powiększanie / pomniejszanie kodu VS za pomocą przycisku sterowania i myszy - ctrl + scrollUp/scrollDown. Aby zmienić fontSizeogólną przestrzeń roboczą / ekran VS Code, zapoznaj się z odpowiedzią Alegozalves powyżej.


4

W programie Visual Studio Code rozmiar czcionki można łatwo zmienić na karcie Ustawienia.

Najprostszym sposobem, aby to zrobić, to nacisnąć Ctrl+ Shift+ Pa następnie wpisz „Ustawienia”. To pokaże kilka wyników. Wybierz „Ustawienia (UI)”. Karta Ustawienia zostanie otwarta w edytorze. Teraz możesz zmienić ustawienia czcionek tutaj. Wpłynie to tylko na czcionkę edytora.

Możesz także kliknąć ikonę ustawień w lewym dolnym rogu okna i wyszukać czcionkę z tego miejsca.

wprowadź opis zdjęcia tutaj

Aby zmienić rozmiar czcionki w całym środowisku, możesz rozważyć naciśnięcie ctrl+ +. Będzie to działać jak powiększanie całego środowiska, co spowoduje zwiększenie rozmiaru czcionki.

Wybierz ustawienia (UI)


3

Prasa Ctrli użyć kółka myszki, aby powiększyć lub Out .


Możesz powiększać i pomniejszać cały interfejs użytkownika z menu Widok. Ale pytanie brzmi: jak zmienić rozmiar czcionki

3

Naciśnij Ctrl, Shift, Pw tym samym czasie, pojawi się menu, szukaj Editor Zoom in. Po wybraniu tej czcionki czcionka powiększy się do pewnego stopnia.

Powtarzaj to, aż osiągniesz pożądany rozmiar czcionki.


1

możesz użyć editor.fontSizew swoim setting.jsonpliku edytora.

na przykład :

{
"editor.fontSize": 14
}
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.