Wie ändere ich die Schriftgröße der Umgebung?


233

Gibt es eine Möglichkeit, die Schriftgröße der Umgebung in Visual Studio Code zu ändern? Dinge wie IntelliSense-Box, Debug-Panel, Dateinamen usw.

Ich weiß, wie man die Schriftgröße des Editors ändert, aber ich kann nicht herausfinden, wie man die Schriftgröße der Umgebung ändert. Also frage ich mich, ob du es irgendwie ändern kannst.


Was Sie wollen, finden Sie in settings.json im Einstellungsmenü. Microsoft gibt das Format für die Anpassungseinstellung auf seiner Website an .
Chi-Shan Yu

1
Alle diese Antworten ändern auch die Schriftgröße des Editors. Wie kann ich die Schriftgröße der Umgebung ohne den Editor ändern?
Mark-Hahn

1
Überraschend, wie viele Nicht-Antworten gewählt werden. Eine Antwort auf die OP-Frage finden Sie hier einfach nicht. Dennoch wiederholen so viele dieselbe Antwort auf genau dieselbe und doch andere Frage als das OP.
Pedro Rodrigues

Antworten:


304

Derzeit ist es nicht möglich, die Schriftfamilie oder -größe außerhalb des Editors zu ändern. Sie können jedoch die gesamte Benutzeroberfläche über das ViewMenü vergrößern und verkleinern.

Update für unsere VS Code 1.0-Version:

Eine neu eingeführte Einstellung window.zoomLevelermöglicht es, die Zoomstufe für immer beizubehalten! Es kann sowohl negative als auch positive Werte zum Vergrößern oder Verkleinern haben.


3
Gibt es einen Plan für eine kommende Veröffentlichung? können wir dafür stimmen? Die Liste der Dateien sieht in hoher Auflösung sehr klein aus, ebenso wie das Debug-Panel
Sul Aga

Haben Sie die Zoom-Aktion über das Ansichtsmenü ausprobiert?
Benjamin Pasero

viel besser jetzt. Können Sie bitte diese "Problemumgehung" zu Ihrer Antwort hinzufügen, damit ich sie als Antwort markieren kann? Vielen Dank
Sul Aga

Wenn Sie herauszoomen und sich fragen, warum der Cursor verschwindet, überprüfen Sie, ob Sie ihn auf "dünne Linie" gesetzt haben. Wenn Sie "Linie" einstellen, wird das Problem behoben, zumindest bei einem Zoom von bis zu 60%.
Michael Johnston

Der Fensterzoom hat einen Nachteil, er kann "unscharfe Schriftarten" im Terminal auslösen, zum Beispiel: github.com/microsoft/vscode/issues/84194
sandos

166

Kopieren "editor.fontSize": 18Sie einfach in Ihresetting.json Editor.

Durch Drücken von Control+ Shift+ Pund anschließende Eingabe von "Einstellungen" können Sie die Benutzer- oder Arbeitsbereichseinstellungsdatei leicht finden.

Geben Sie hier die Bildbeschreibung ein


15
Dies funktioniert gut, aber nicht das gleiche wie OP, um ganze Dinge nicht nur im Texteditor zu ändern
Thaina

@StepanSuvorov siehe meine neue Antwort unten, ich weiß, dass es aber spät kommt, Prost!
randomguy04

@ randomguy04 sehen immer noch keine Verknüpfung zum Ändern der Größe in Ihrer Antwort
Stepan Suworow

91

Drücken Sie in Visual Studio Code durch Drücken von Ctrl+und Ctrl-Sie können die Gesamtschriftgröße der IDE ändern. Dies hilft schneller als das Ändern von Einstellungen in jeder Sitzung. Ich hoffe es hilft...


4
Beachten Sie, dass dies die Benutzereinstellungen "window.zoomLevel" ändert: 1,
Damian Green

2
In der neuesten Version ist das Vergrößern Ctrl + =
Ryan Walker

22

Ab Mitte 2017 Um schnell zu den Einstellungsdateien zu gelangen , drücken Sie ctrl+ shift+ pund geben settingsSie ein. Dort finden Sie die Benutzereinstellungen und die Arbeitsbereichseinstellungen. Beachten Sie, dass die Arbeitsbereichseinstellungen die Benutzereinstellungen überschreiben. Daher ist es besser, letztere direkt zu verwenden Nehmen Sie eine globale Änderung vor (durch die Arbeitsbereichseinstellungen wird ein Ordner in Ihrem Projektstamm erstellt). Von dort aus haben Sie die Möglichkeit, die Option hinzuzufügen"editor.fontSize": 14 als schnellen Vorschlag zu Ihren Einstellungen Sie können dies jedoch selbst tun und den Wert auf den von Ihnen bevorzugten Wert ändern Schriftgröße.

Etwas zusammenfassen:

  1. ctrl+ shift+p

  2. Wählen Sie "Benutzereinstellungen".

  3. hinzufügen "editor.fontSize": 14


8
Dies beantwortet NICHT die Frage von OP. OP fordert speziell zum Ändern der Schriftgröße der Umgebung auf, nicht der Editor-Schrift.
Chris

Vielen Dank für das Feedback @Chris, aber ich denke, es beantwortet die Frage und hat die notwendigen Informationen. Wenn Sie möchten, dass es pro Umgebung vorhanden ist, ändern Sie die Arbeitsbereichseinstellungen und nicht die Benutzereinstellungen. Ihre angegebenen Umgebungseinstellungen bleiben im .vscodeOrdner
randomguy04

3
Das OP fragt nach dem environment, wie in allem in der GUI, was nicht im Texteditor ist Stuff like IntelliSense box, debug panel, file names, etc. Ich könnte mich irren, aber ich glaube nicht, dass OP sich auf die Umgebung bezieht, von der Sie sprechen
Chris

18

Versuchen Sie, mit einer Kombination der folgenden Benutzereinstellungen herumzuspielen:

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

Dies sollte in die akzeptierte Antwort aufgenommen werden. Sehr prägnant und auf den Punkt
Chris

4
"window.zoomLevel": 1.5ist eine sehr gute Wahl für alte
Leute

14

Sie können vergrößern und verkleinern die gesamte Benutzeroberfläche über das Menü Ansicht vergrößern .

Im Moment verwende ich Version 1.21.1 und dort im Ansichtsmenü können Sie die Option Vergrößern und Verkleinern erhalten, die die zweit- und drittletzte Option sind. Sie können dies mit Ctrl+ +und Ctrl+ tun -.

Sie können den Zoom jederzeit zurücksetzen, indem Sie die Option Zoom zurücksetzen auswählen .


1
Hier bedeutet die gesamte Benutzeroberfläche den VSCode-Editor.
Shankar Upadhyay

Ja, das skaliert das gesamte Fenster, was perfekt ist, wenn Sie einen hochauflösenden Bildschirm haben
Kirill

14

Nach dem Drücken von Control+ Shift+ Pwie von @Edwin vorgeschlagen:

  1. Suchen Sie nach Arbeitsbereichseinstellungen:

Geben Sie hier die Bildbeschreibung ein

  1. "Platzieren Sie Ihre Einstellungen in der Datei rechts, um ... Standard- und Benutzereinstellungen zu überschreiben" oder klicken Sie auf die Registerkarte Benutzereinstellungen, um die window.zoomLevel anzupassen, wenn dies die gewünschte Aktion ist.

Geben Sie hier die Bildbeschreibung ein


10

Gemäß dem Änderungsprotokoll von Version 1.2 wurden neue Befehle hinzugefügt, um nur die Schriftart, aber die gesamte Benutzeroberfläche zu vergrößern und zu verkleinern.

Änderungsprotokoll: https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

Verwenden Sie die folgenden Tastenkombinationen, um die standardmäßigen globalen Zoomaktionen zu ersetzen:

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

unter Windows und 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. Öffnen Sie den VS-Code
  2. Geben Sie den Befehl STRG + SHFT + P ein
  3. Typ Einstellungen
  4. Die Einstellungsdatei wird geöffnet.
  5. Suchen Sie nun unter Benutzer> Texteditor> Schriftart die Schriftgröße
  6. Geben Sie die gewünschte Schriftgröße ein

Das ist es.


7

Geben Sie hier die Bildbeschreibung ein

Ich habe meine eingestellt "editor.fontSize": 12,

Speichern Sie die Datei, Sie werden den Effekt richtig sehen.

Geben Sie hier die Bildbeschreibung ein

Genießen !


3
das ist nicht das, wonach gefragt wurde
JohnC

7

Ein einfacher Ansatz zum Ändern der Schriftgröße in der Visual Studio-Arbeitsumgebung:

Gehe zu : Datei -> Einstellungen -> Einstellungen ODER Drücken Sie CTRL+ ,dh STRG + KOMMA.

Dadurch wird settings.json geöffnet .

Dort sehen Sie 3 Registerkarten:

  1. Benutzereinstellungen
  2. Arbeitsbereichseinstellungen
  3. Ordnereinstellungen

Gehen Sie zu Benutzereinstellungen und fügen Sie Folgendes hinzu:

{
"editor.fontSize": 16
}

Speichern und schließen Sie jetzt einfach die Datei.

Im obigen Code steht 16 für die Schriftgröße. Zunahme der Abnahme nach Ihrem Wunsch.


6

(VS Code 1.33.1 unter Windows 7)

Zoom all (Benutzeroberfläche und Editor): STRG + + , STRG + - .

Zoom-Editor: STRG + Mausrad.

Siehe unten, wie ich es behoben habe.

Wie von @Edwin vorgeschlagen: Wenn Sie Strg + Umschalt + P drücken und dann "Einstellungen" eingeben, können Sie die Benutzer- oder Arbeitsbereichseinstellungsdatei leicht finden.

Meine Einstellungsdatei befindet sich hier: "C: \ Benutzer \ Benutzer_Anwendung \ AppData \ Roaming \ Code \ Benutzer \ Einstellungen.json"

Meine Datei sieht folgendermaßen aus:

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

Ich brauchte Ewigkeiten, um herauszufinden, was ich versehentlich getan hatte, als mein Codefenster riesig wurde:

Verkleinern = Ctrl+ Shift+ ,(Komma)

Vergrößern = Ctrl+ Shift+ .(Punkt / Periode)

Eigentlich keine Antwort auf die gestellte Frage, aber ich denke, jemand wie ich wird wegen der Symptome hier landen!


5

Es gibt viele Optionen zum Ändern der Schriftgröße im Visual Studio-Code (Version: 1.36.1), Editor

Option 1:

Gehen Sie zu: Datei > Einstellungen > Einstellungen > Wählen Sie die Registerkarte Benutzer > Texteditor > Schriftart > Schriftgröße

Schriftgröße: Ändern Sie die Schriftgröße in Pixel gemäß Ihren Anforderungen


Option 2:

Drücken Sie Ctrl+P

Suche: settings.json , Datei öffnen und diese Zeile in die Datei settings.json einfügen:

{
    "editor.fontSize": 20
}

Hinweis: Datei nach Änderungen speichern


Option 3:

Drücken Sie Ctrl+ Shift+P

Suche: Editor Schriftart Vergrößern

  • Klicken Sie einfach darauf, Ihre Schriftgröße wird erhöht

Suche: Editor-Schrift verkleinern

  • Klicken Sie einfach darauf, Ihre Schriftgröße wird verringert

4

Ab sofort (März 2018) und Version 1.21.0 können Sie zu Einstellungen gehen, nach 'Zoom' suchen und ändern, "editor.mouseWheelZoom": falsewas standardmäßig falsch ist true. Dies ermöglicht das Vergrößern / Verkleinern von VS-Code mit der Steuertaste und der Maus - ctrl + scrollUp/scrollDown. fontSizeInformationen zum Ändern des gesamten Arbeitsbereichs / Bildschirms von VS Code finden Sie in der obigen Antwort von Alegozalves.


4

In Visual Studio Code kann die Schriftgröße einfach über die Registerkarte Einstellungen geändert werden.

Der einfachste Weg, dies zu tun, ist das Drücken von Ctrl+ Shift+P und dann 'Einstellungen' einzugeben. Dies zeigt Ihnen einige Ergebnisse. Wählen Sie "Einstellungen (UI)". Die Registerkarte Einstellungen wird im Editor geöffnet. Jetzt können Sie die Schriftarteinstellungen von hier aus ändern. Dies wirkt sich nur auf die Schriftart des Editors aus.

Sie können auch auf das Einstellungssymbol links unten im Fenster klicken und von dort aus nach der Schriftart suchen.

Geben Sie hier die Bildbeschreibung ein

Um die Schriftgröße der gesamten Umgebung zu ändern, können Sie ctrl+ drücken +. Dies funktioniert wie das Vergrößern der gesamten Umgebung, was zu einer erhöhten Schriftgröße führt.

Wählen Sie Einstellungen (UI)


3

Drücken Sie Ctrlund verwenden Sie das Mausrad, um hinein- oder herauszuzoomen .


Sie können die gesamte Benutzeroberfläche über das Menü Ansicht vergrößern und verkleinern. Aber die Frage ist, wie man die Schriftgröße ändert

3

Drücken Sie Ctrl, Shift, Pzur gleichen Zeit, ein Menü erscheint, suchen Sie nach Editor Zoom in. Nach Auswahl dieser Option wird die Schriftart um einen gewissen Grad größer.

Wiederholen Sie diesen Vorgang, bis Sie die gewünschte Schriftgröße erreicht haben.


1

Sie können editor.fontSizein Ihre setting.jsonDatei des Editors verwenden.

zum Beispiel :

{
"editor.fontSize": 14
}
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.