VS-Code – So ändern Sie die Schriftart

Für einen Entwickler kann es leicht passieren, dass er die Bedeutung seiner Arbeitsumgebung unterschätzt. Nein, wir reden hier nicht über die Farbe Ihres Stuhls, Schreibtischs und Ihrer Wand. Die Rede ist von Ihrer virtuellen Arbeitsumgebung.

VS-Code – So ändern Sie die Schriftart

Für Ihre Arbeitseffizienz ist es immens wichtig, dass sich Ihr Visual Studio-Code-Editor wie zu Hause anfühlt. Die Schriftart deckt einen großen Teil des gesamten VS-Gefühls ab. In diesem Artikel zeigen wir Ihnen, wie Sie Schriftarten in verschiedenen Teilen des VS-Code-Editors bearbeiten.

So ändern Sie die Schriftart im VS-Code

Selbst wenn Sie ein Entwickler sind, der schon lange mit VS arbeitet, wissen Sie möglicherweise immer noch nichts über die Optionen zum Ändern der Schriftart.

Wenn Sie sich nicht dafür interessieren, warum die Auswahl Ihrer eigenen Schriftart wichtig ist, lesen Sie direkt das Tutorial ein paar Absätze weiter unten. Bedenken Sie jedoch, dass die Gründe für die Änderung Ihrer Schriftart (siehe unten) bei Ihrer Entscheidung hilfreich sein können.

Warum sind Schriftarten in VS so wichtig? Nun, wenn Ihnen der ästhetische Aspekt nicht ausreicht (und glauben Sie uns, nach vielen Stunden, die Sie in einem Code-Editor verbracht haben, beginnt es wichtig zu werden), geht es tatsächlich auch um die Funktionalität. Was macht eine Schriftart für VS „geeignet“?

In erster Linie möchten Sie, dass die Unterscheidung zwischen ähnlichen Charakteren deutlich ist. Beispielsweise kann die einfache Unterscheidung der Zahl 1 und des Kleinbuchstabens „L“ Ihre Codierung erheblich beschleunigen und Ihnen Zeit sparen.

Hinzu kommt, dass einige Entwickler gerne Ligaturen verwenden. Ligaturen sind ein paar zusammengefügte Symbole. Diese werden auch „Glyphen“ genannt und können beim Codieren eine ganze Menge bedeuten.

So ändern Sie ohne weiteres die Schriftfamilie in VS:

  1. Öffnen Sie Ihren VS-Editor.
    VS-Code – So ändern Sie die Schriftart
  2. Navigieren Sie zum oberen Teil des Bildschirms und wählen Sie Datei aus .
    VS-Code – So ändern Sie die Schriftart
  3. Gehen Sie nun im Dropdown-Menü zu Präferenzen > Einstellungen .
    VS-Code – So ändern Sie die Schriftart
  4. Sie sehen nun den Abschnitt „Häufig verwendet“ mit einem Menü auf der rechten Seite des Bildschirms. Sie können auf die Schriftart von dieser Seite aus zugreifen oder indem Sie den folgenden Schritt ausführen.
    VS-Code – So ändern Sie die Schriftart
  5. Oder klicken Sie auf Texteditor > Schriftart und suchen Sie nach dem Standardeintrag „editor.fontFamily“: „Consolas “.
    VS-Code – So ändern Sie die Schriftart
  6. Geben Sie dann anstelle von „ Consolas “ den Namen Ihrer bevorzugten Schriftart ein.
    VS-Code – So ändern Sie die Schriftart

Dadurch sollte sich die Schriftfamilie automatisch ändern.

So ändern Sie die Schriftgröße in VS-Code

Selbst wenn Sie über ein perfektes Sehvermögen verfügen, sollten Sie Ihre Augen beim Schreiben von Codezeilen so angenehm wie möglich halten. So wie die Diskrepanz zwischen ähnlichen Zeichen bei der Auswahl einer Schriftfamilie wichtig ist, ist auch die Schriftgröße wichtig, um das Codieren für das Auge angenehmer zu gestalten und Ihnen zu helfen, effizienter zu arbeiten.

Es gibt keine Zauberformel für die beste Schriftgröße beim Codieren. Idealerweise möchten Sie die Zeichen so deutlich wie möglich sehen, aber Sie möchten auch, dass die Linie in das VS-Fenster passt. Probieren Sie also verschiedene Schriftgrößen aus und finden Sie die perfekte Schriftgröße, die Ihren Codierungsanforderungen entspricht.

So ändern Sie die Schriftgröße in VS Code:

  1. Navigieren Sie zum Menü „Benutzereinstellungen“ (Schritt Nummer 3 im Schriftarten-Tutorial).
    VS-Code – So ändern Sie die Schriftart
  2. Suchen Sie nach der Zeile „editor.fontSize“: 15 , Ihre Schriftgröße ist möglicherweise auf etwas anderes eingestellt.
    VS-Code – So ändern Sie die Schriftart
  3. Geben Sie dann statt 15 Ihre bevorzugte Schriftgröße ein.
    VS-Code – So ändern Sie die Schriftart

So ändern Sie die Schriftart des Explorers in VS Code

Die Explorer-Funktion in VS Code funktioniert genauso wie die Explorer-Funktion in den meisten anderen Apps. Es wird zum Verwalten, Durchsuchen und Öffnen von Dateien und Ordnern verwendet, um an Ihrem Projekt zu arbeiten. Da VS Code auf Ordnern und Dateien basiert, erleichtert Ihnen der Explorer den Einstieg – öffnen Sie einfach die Datei/den Ordner mit VS Code. So einfach ist das.

Sie können davon ausgehen, dass Sie den VS Code Explorer regelmäßig nutzen werden. Wenn Ihnen die Schriftgröße des Explorers nicht zusagt, freuen Sie sich, dass Sie sie ändern können.

  1. Gehen Sie erneut zum Menü Benutzereinstellungen .
    VS-Code – So ändern Sie die Schriftart
  2. Suchen Sie den Eintrag „editor.fontSize“: 14 , Ihre Schriftgröße kann abweichen.
    VS-Code – So ändern Sie die Schriftart
  3. Ändern Sie dies in eine Schriftgröße Ihrer Wahl. In diesem Beispiel wird 18 verwendet.
    VS-Code – So ändern Sie die Schriftart

So ändern Sie die Terminalschriftart in VS-Code

Anstatt Fenster zu wechseln oder Änderungen am Status des vorhandenen Terminals vorzunehmen, können Sie mit VS Code ein integriertes Terminal verwenden, das sich im Stammverzeichnis Ihres Projekts/Arbeitsbereichs befindet. Natürlich möchten Sie hier möglicherweise Änderungen an der Schriftart vornehmen, um die Verwendung zu vereinfachen. So ändern Sie die Schriftart des VS-Code-Terminals:

  1. Navigieren Sie zum Stammordner Ihres Projekts/Arbeitsbereichs.
  2. Öffnen Sie die Datei „settings.json“ mit VS Code. Alternativ können Sie in VS Code auch Strg + Umschalt + P drücken (anstelle von Strg verwenden Sie Command für Mac-Geräte) und die Datei „settings.json“ suchen.VS-Code – So ändern Sie die Schriftart
  3. Ändern Sie die entsprechenden drei Zeilen wie folgt: Beachten Sie, dass D2Coding ein Beispiel ist. Sie können auch eine beliebige andere Schriftart auswählen, die Ihnen gefällt.
    “terminal.external.osxExec”: “iTerm.app”,
    “terminal.integrated.shell.osx”: “/bin/zsh”,
    “terminal.integrated.fontFamily”: “D2Coding”,

  4. Speichern Sie die Einstellungen, wenn Sie fertig sind.

Um die Terminal-Schriftgröße zu ändern, navigieren Sie zum Eintrag „terminal.integrated.fontSize“: und stellen Sie ihn auf Ihren Wunsch ein.

So ändern Sie die Schriftart für Kommentare in VS-Code

Codekommentareinträge haben standardmäßig dieselbe Schriftart wie der restliche Code. Wenn Sie dies ändern, heben sie sich hervor, was oft stundenlange Arbeitsverschwendung verhindern kann (es ist leicht, einen Kommentar zu übersehen, wenn er in derselben Schriftart wie alles andere in VS geschrieben ist). So einfach so etwas auch erscheinen mag, die Lösung ist etwas komplexer als erwartet. Außerdem sind die Ergebnisse möglicherweise nicht ideal, da dies zu Ausrichtungsproblemen führen kann. Dennoch schadet es nicht, es auszuprobieren:

  1. Gehen Sie zum Stamminstallationsordner für VS Code auf Ihrem Gerät.
  2. Navigieren Sie im Terminal zum Eintrag touch style.css . Dadurch wird ein Stylesheet erstellt.
  3. Jetzt ist es an der Zeit, die Schriftartenregel hinzuzufügen. Hier ist ein Beispiel für einen Stil:
    .mtk3 {

    font-family: "iosevka";

    font-size: 1em;

    font-style: italic;

    }
  4. Öffnen Sie „settings.json“ und fügen Sie diesen Eintrag hinzu:
    "vscode_custom_css.imports":
    "file:///Users/username/.vscode/style.css"],
  5. Laden Sie jetzt das Plugin „Custom CSS and JS Loader“ herunter .
  6. Verwenden Sie nach der Installation den Befehl Strg + Umschalt + P und stellen Sie sicher, dass das Plugin aktiviert ist.
  7. Starten Sie VS Code neu.
  8. Die Kommentare sollten nun eine neue Schriftart haben.

So ändern Sie die Schriftgröße der Seitenleiste in VS-Code

Es gibt keine Einstellung in VS Code, die es dem Benutzer ermöglicht, die Schriftgröße des Terminals zu ändern. Es gibt jedoch eine Problemumgehung, die das erwähnte Custom CSS- und JS Loader-Plugin umfasst.

  1. Navigieren Sie im Plugin zu den Erweiterungsdetails und befolgen Sie den Tutorial-Abschnitt sorgfältig.
  2. Verwenden Sie die folgende Logik:
    "vscode_custom_css.imports": ["[insert custom file URL]"]
  3. Tun Sie dies für jede benutzerdefinierte Datei.

Das Ergebnis sollte zu einer viel besseren und ästhetisch ansprechenderen VS-Code-Seitenleiste führen.

So ändern Sie die Schriftart unter verschiedenen Betriebssystemen

Wenn Sie in VS programmieren, verwenden Sie entweder einen Windows-Computer, einen Mac oder ein Linux-System. Obwohl diese drei in Bezug auf VS nicht identisch sind, beschränken sich die Unterschiede hauptsächlich auf die Strg- / Befehlstastenoption und die Standardspeicherorte der VS-Codedateien. Das Prinzip der Schriftartänderung in VS Code bleibt also auf allen Geräten weitgehend gleich.

Zusätzliche FAQ

Warum kann ich die Schriftart in VS Code nicht ändern?

Es gibt viele Fehler, die Sie in VS Code machen können, und das Ändern der Schriftart ist nicht so einfach wie in MS Word. Da Sie viel Codierung benötigen, um die tatsächliche VS-Code-Schriftart zu ändern, sollten Sie wissen, welche Versäumnisse am häufigsten vorkommen. Stellen Sie sicher, dass jeder Eintrag in Anführungszeichen gesetzt ist. Beispielsweise funktioniert „vscode_custom_css.imports“: [“file:///Users/username/.vscode/style.css“] nur, wenn Sie die Anführungszeichen verwenden. Stellen Sie außerdem sicher, dass Sie zwischen den Befehlen Leerzeichen verwenden.

Welche Schriftart wird für Code in VS Code verwendet?

Standardmäßig wird für die Codierung in VS Code die Schriftart Consolas verwendet. Wenn Sie dieser Anleitung folgen, können Sie die meisten Schriftarten in VS Code ändern, unabhängig davon, ob es sich um den Code selbst, das Terminal, die Kommentare oder die Explorer-Funktion handelt.

Wenn Sie jedoch über die Schriftart sprechen, die auf den Bildern der offiziellen Website von VS Code zu finden ist, kann Ihnen niemand sagen, welche verwendet wurde. Sofern die VS-Code-Entwickler nicht explizit offenlegen, welche Schriftart verwendet wurde, gibt es keine Möglichkeit, dies herauszufinden.

Wie hacke ich eine VS-Code-Schriftart?

Ursprünglich bedeutete „Hack“ eine Änderung, aber wenn Sie damit das Hinzufügen der Hack-Schriftart zu VS meinen, können Sie sie über die Hack-Website hinzufügen . Laden Sie die TrueType-Schriftart von Hack herunter. Extrahieren Sie die heruntergeladene ZIP-Datei. Installieren Sie die extrahierten Dateien. Gehen Sie dann zu Extras und dann zu Optionen. Wählen Sie im Menü „Optionen“ die Option „Umgebung“ und navigieren Sie dann zu „Schriftarten und Farben“. Öffnen Sie das Dropdown-Menü „Schriftart“ und wählen Sie den Eintrag „Hack“ aus.

Welche Schriftart verwenden Hacker?

Als Faustregel gilt, dass jeder Programmierer, auch Hacker, eine Schriftart verwendet, die ihm gefällt. Ein gutes Beispiel für eine beliebte Schriftart, die angeblich „die Wahl von Hackern“ ist, wäre Ray Bluetens, auch bekannt als Lawn Dart Fonts.

Ändern der Schriftartoptionen in VS-Code

Der Umgang mit Schriftartoptionen in VS Code ist definitiv nicht so einfach wie das Ändern von Schriftarten in einem Texteditorprogramm. Wenn man jedoch bedenkt, dass es sich hier um Codierungssoftware handelt, bietet VS im Vergleich zur Konkurrenz eine Vielzahl von Optionen. Befolgen Sie die Anweisungen in diesem Artikel und gestalten Sie Ihr Programmiererlebnis so individuell, benutzerfreundlich und reibungslos wie möglich.

Haben Sie es geschafft, Ihre Schriftarteinstellungen in VS Code zu bearbeiten? Sind bei Ihnen Probleme aufgetreten? Scrollen Sie nach unten und schauen Sie sich unseren Kommentarbereich unten an. Es wimmelt von guten Ratschlägen. Scheuen Sie sich auch nicht davor, selbst eine Frage zu stellen oder eine Diskussion anzustoßen. Unsere Community hilft Ihnen gerne weiter.

Sign up and earn $1000 a day ⋙

Leave a Comment

So vergrößern Sie die Android-Tastatur

So vergrößern Sie die Android-Tastatur

Um die Navigation auf Ihrem Mobilgerät zu vereinfachen, können Sie die Schriftgröße unter Android ändern. Wenn Text, Schriftarten und Symbole besser zu erkennen sind, können Sie auch Ihre Android-Tastatur vergrößern.

Was ist der Unterschied zwischen Samsung- und Android-Telefonen?

Was ist der Unterschied zwischen Samsung- und Android-Telefonen?

Wer sich nicht mit Technik auskennt, kann leicht durch die verschiedenen Betriebssysteme, Hersteller, Gerätemodelle und Spezifikationen verwirrt werden. Ein Beispiel dafür ist die Annahme, Samsung und Android seien synonym, was nicht ganz richtig ist.

So minimieren Sie Chrome-Links, die von Android-Apps geöffnet werden

So minimieren Sie Chrome-Links, die von Android-Apps geöffnet werden

Wenn Sie in Chrome einen Link aus einer Android-App öffnen, verschwindet die App. So minimieren Sie einen aus einer Android-App geöffneten Chrome-Link.

Die 5 besten Android-Telefone von heute

Die 5 besten Android-Telefone von heute

Egal, ob Sie nach dem Neusten und Besten suchen oder eine preisgünstige Option wünschen, die dennoch ein gutes Smartphone-Erlebnis bietet, dies sind die besten derzeit erhältlichen Android-Telefone.

Dynamisches Insel-Cover-Hintergrundbild für iPhone 14 Pro und Pro Max

Dynamisches Insel-Cover-Hintergrundbild für iPhone 14 Pro und Pro Max

Diese Sammlung von Pillen-Hintergrundbildern für das iPhone 14 Pro und Pro Max umfasst eine breite Palette von Hintergrundbildkategorien. Von berühmten Zeichentrickfiguren über mehrfarbige und monochrome Hintergrundbilder bis hin zu Natur-Hintergrundbildern ...

So aktivieren Sie Gmail-Benachrichtigungen auf dem iPhone

So aktivieren Sie Gmail-Benachrichtigungen auf dem iPhone

Mit Gmail auf dem iPhone können Benutzer E-Mail-Benachrichtigungen entsprechend den individuellen Anforderungen erhalten, nur wichtige E-Mail-Benachrichtigungen erhalten, vorrangige E-Mail-Benachrichtigungen erhalten oder alle Arten von E-Mails über Gmail auf dem iPhone empfangen.

So überprüfen Sie, welche Apps auf Ihre Fotobibliothek auf dem iPhone zugreifen

So überprüfen Sie, welche Apps auf Ihre Fotobibliothek auf dem iPhone zugreifen

Können Sie sich noch erinnern, wie oft Sie eine App installiert, bei der Aufforderung zum Zugriff auf Fotos schnell auf „Zulassen“ getippt und dann ohne einen zweiten Gedanken weitergemacht haben?

So pinnen Sie freigegebene Inhalte in iPhone-Nachrichten an

So pinnen Sie freigegebene Inhalte in iPhone-Nachrichten an

iPhone-Nachrichten bietet die Möglichkeit, geteilte Inhalte anzuheften, sodass jeder sie sofort sehen kann. So fixieren Sie geteilte Inhalte in iPhone-Nachrichten.

So erstellen Sie eine Verknüpfung zum Neustarten des iPhone im Kontrollzentrum

So erstellen Sie eine Verknüpfung zum Neustarten des iPhone im Kontrollzentrum

Wenn Sie Ihr iPhone neu starten müssen, drücken Sie einfach die Verknüpfung „iPhone neu starten“ im Kontrollzentrum. Falls die Seitentaste defekt ist, können wir diese Methode verwenden.

So deaktivieren Sie die auf dem iPhone-Sperrbildschirm angezeigten Musikvorschläge

So deaktivieren Sie die auf dem iPhone-Sperrbildschirm angezeigten Musikvorschläge

Viele Nutzer mögen die Musikvorschläge auf dem iPhone-Sperrbildschirm nicht, weil sie störend oder unnötig sind. In diesem Fall können Sie die Musikvorschläge auf dem iPhone-Sperrbildschirm gemäß den folgenden Anweisungen deaktivieren.

So richten Sie eine Medikamentenerinnerung auf dem iPhone ein

So richten Sie eine Medikamentenerinnerung auf dem iPhone ein

Mit dem neuen iOS 17-Update hat Apple dem iPhone eine Medikamentenerinnerungsfunktion hinzugefügt, mit der Sie Ihren Medikamentenplan ganz einfach im Auge behalten können.

So verwenden Sie die Porträtmodi des iPhone

So verwenden Sie die Porträtmodi des iPhone

Sechs verschiedene Beleuchtungsstile sind im Porträtmodus des iPhone integriert. Aber sie sind nicht nur für Selfies gedacht.

10 Samsung Galaxy-Funktionen, die jedes Android-Telefon kennen sollte

10 Samsung Galaxy-Funktionen, die jedes Android-Telefon kennen sollte

Wenn Sie bereits seit einigen Jahren ein Samsung-Telefon verwenden, werden Sie feststellen, dass die großartigen Funktionen der Galaxy-Reihe kaum zu übertreffen sind.

So aktualisieren Sie die Google Play-Dienste auf Android

So aktualisieren Sie die Google Play-Dienste auf Android

Mit der neuesten Version der Google Play-Dienste stellen Sie sicher, dass Ihre Apps einwandfrei funktionieren. So aktualisieren Sie die Google Play-Dienste auf Android.

So löschen und deinstallieren Sie Apps auf Android vollständig

So löschen und deinstallieren Sie Apps auf Android vollständig

Das vollständige Löschen und Deinstallieren einer App unter Android ist nicht immer so einfach wie das Tippen auf „Deinstallieren“. Stattdessen bleiben Dateien zurück und verstopfen Ihr System. Es gibt jedoch Möglichkeiten, diese loszuwerden.