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ć.

Sul Aga
źródło
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ć.

Benjamin Pasero
źródło
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

Edwin
źródło
16
Działa
@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...

Alegozalves
źródło
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

randomguy04
źródło
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,
}
Andrei Pokrovsky
źródło
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 .

Shankar upadhyay
źródło
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

przydatne
źródło
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" },
ipeluffo
źródło
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.

hammadshahir
źródło
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ę !

cyber8200
źródło
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.

Ankit Pandey
źródło
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
}
PythonAndPascal
źródło
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!

Richard Nixon
źródło
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
Udhav Sarvaiya
źródło
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.

Abhishek Kakade
źródło
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)

Aniruddha Mukherjee
źródło
3

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

Odważny
źródło
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.

Shamsul Arefin Sajib
źródło
1

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

na przykład :

{
"editor.fontSize": 14
}
Niebieski
źródło