it-swarm.com.de

Wie ändere ich die Schriftgröße in der VS Code-Seitenleiste?

Abfrage nach fontsize in User Settings Fenster liefert nur Einstellungen für:

  • editor-Fenster,
  • widget vorschlagen,
  • abschriftenvorschau,
  • integriertes Terminal

wie Sie unten sehen können:

enter image description here

Wenn Sie das Gleiche für sidebar tun, erhalten Sie noch schlechtere Ergebnisse:

enter image description here

Wenn Sie Schriftarten in verschiedenen Größen in Editorfenstern und in der Seitenleiste haben, sehen Sie wie folgt aus: Nicht zu schön . Habe ich gerade die größte Lücke in diesem großartigen Tool gefunden?

25
z33k

Dies ist seit einiger Zeit eine Funktionsanforderung . Die kurze Antwort lautet: Derzeit gibt es keine VSCode-Einstellung, mit der Sie die Schriftgröße der Seitenleiste anpassen können. Es gibt eine hacky Workaround-Lösung, die von @ lindesvard im selben Issue-Thread vorgeschlagen wurde und die die Verwendung von Custom CSS und JS beinhaltet Loader-Erweiterung zum Laden in eine benutzerdefinierte CSS-Datei, die das Seitenleisten-Styling ändert, wenn Sie damit experimentieren möchten.

Befolgen Sie dazu den Abschnitt Erste Schritte in den Erweiterungsdetails und fügen Sie anschließend URLs zu Ihren benutzerdefinierten Dateien hinzu, um "vscode_custom_css.imports": [""] Array. (Beachten Sie, dass meine unter Windows wie folgt aussieht: "vscode_custom_css.imports": ["file:///C:\\dev\\vscode-styling.css"])

Nachfolgend finden Sie vor und nach dem Hinzufügen des von @ PSVapour in einem späteren Kommentar erwähnten CSS :

OriginalModified

Beachten Sie, dass dies auch die Schriftart der Befehlspalette betrifft.

8
Mihai Chelaru

Mihai Chelarus Antwort bietet eine Möglichkeit, mehr als nur die Schriftgröße der Seitenleiste anzupassen. Dies geht jedoch mit einem Preis von ein wenig Geigen einher, möglicherweise mehr, als Sie bereit wären, wenn das einzige, woran Sie interessiert waren war das einfache Ändern der Schriftgröße der Seitenleiste. Hier ist also eine einfachere Lösung.

Vergrößern oder verkleinern Sie einfach die gesamte Benutzeroberfläche von VS Code CTRL++ oder CTRL+- jeweils und als Schriftgrößen anpassen wir haben die Kontrolle über in settings.json Datei, d. h .:

  • editor.fontSize,
  • editor.suggestFontSize,
  • markdown.preview.fontSize,
  • terminal.integrated.fontSize

also passt alles zusammen. Das ist es.

20
z33k

Ich möchte nur der Diskussion hinzufügen, wenn Sie Folgendes festlegen:

"window.zoomLevel": "your number",

In meinem Fall habe ich mit Null begonnen, das können Sie als eine Art Grundlinie verwenden:

 "editor.fontSize": 14,
  "editor.tabSize": 2,
  "terminal.integrated.fontSize": 14,
  "window.zoomLevel": 0,
  "[Log]": {
    "editor.fontSize": 14
  },

Und dann gezwickt, bis ich glücklich war. Hoffe das hilft!