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 verhindern Sie, dass iMessage den iPhone- und iCloud-Speicher füllt

So verhindern Sie, dass iMessage den iPhone- und iCloud-Speicher füllt

Mit der Zeit wird iMessage die App, die den meisten Speicherplatz beansprucht.

Laden Sie das Wallpaper-Set herunter, um Ihr iPhone in einen klassischen iPod zu verwandeln

Laden Sie das Wallpaper-Set herunter, um Ihr iPhone in einen klassischen iPod zu verwandeln

Wenn Sie in die Jahre zurückreisen möchten, als der iPod den Musikmarkt im Sturm eroberte, können Sie Ihr iPhone mit dem im folgenden Artikel enthaltenen Hintergrundbildset in einen klassischen iPod verwandeln.

So öffnen Sie zuletzt verwendete Dateien vom iPhone-Startbildschirm aus

So öffnen Sie zuletzt verwendete Dateien vom iPhone-Startbildschirm aus

Sie können weitere Dateien hinzufügen, die direkt vom iPhone-Startbildschirm aus geöffnet werden sollen, beispielsweise das Öffnen kürzlich verwendeter Dateien vom iPhone-Startbildschirm aus.

Warum ist das Akkusymbol des iPhones gelb und wie kann ich das Problem beheben?

Warum ist das Akkusymbol des iPhones gelb und wie kann ich das Problem beheben?

Die gelbe Akkufarbe auf dem iPhone-Bildschirm ist auf eine neue Funktion namens „Energiesparmodus“ von Apple zurückzuführen. Diese Funktion wird ohne Zustimmung des Nutzers nicht automatisch aktiviert. Sollten Sie den Modus während der Nutzung versehentlich aktiviert haben und nun nicht wissen, wie Sie das gelbe iPhone-Akkusymbol deaktivieren können, befolgen Sie bitte die folgenden Anweisungen.

Die 8 besten Sperrbildschirm-Apps für Android

Die 8 besten Sperrbildschirm-Apps für Android

Der Sperrbildschirm Ihres Android-Geräts dient nicht nur der Ästhetik, sondern ist auch ein wichtiger Navigationsbildschirm, über den Sie direkt auf Ihre am häufigsten genutzten Funktionen zugreifen können. Sehen Sie sich die Liste der Android-Sperrbildschirm-Apps und -Widgets unten an, wenn Sie Ihr Telefon interessanter und effektiver entsperren möchten.

So deaktivieren Sie den Tastenvibrationseffekt auf Android

So deaktivieren Sie den Tastenvibrationseffekt auf Android

Die meisten virtuellen Tastatur-Apps verfügen über eine Vibrations-Feedback-Funktion – auch als „haptisches Feedback“ bekannt –, um das Tippen auf einem Touchscreen realistischer zu gestalten.

Warum sollten Sie gleichzeitig ein iPhone und ein Android-Telefon verwenden?

Warum sollten Sie gleichzeitig ein iPhone und ein Android-Telefon verwenden?

Die Kombination aus iPhone und Android-Telefon bietet Vorteile, die es lohnenswert machen, beide mit sich zu führen.

So suchen Sie nach Inhalten in Sprachaufzeichnungsdateien auf dem iPhone

So suchen Sie nach Inhalten in Sprachaufzeichnungsdateien auf dem iPhone

Ab iOS 18 verfügt die App „Sprachmemos“ über Sprachtranskriptions- und Suchfunktionen für Inhalte in Aufnahmedateien und Fachbegriffe.

So beheben Sie den Fehler, dass Fotos in Nachrichten auf dem iPhone nicht angezeigt werden können

So beheben Sie den Fehler, dass Fotos in Nachrichten auf dem iPhone nicht angezeigt werden können

Lädt die Nachrichten-App auf Ihrem iPhone keine Fotos hoch, die Sie per iMessage oder MMS erhalten? Das ist ein recht häufiges Problem, lässt sich aber leicht beheben.

Google kündigt Android XR an, eine neue Betriebssystemplattform für AR- und VR-Brillen

Google kündigt Android XR an, eine neue Betriebssystemplattform für AR- und VR-Brillen

Nach Jahren der Vernachlässigung hat Google nun endlich beschlossen, seine Investitionen wieder auf Extended Reality (XR)-Geräte wie Headsets und Brillen zu konzentrieren.

5 iPhone 16 Pro-Funktionen, die Android-Telefone schon lange haben

5 iPhone 16 Pro-Funktionen, die Android-Telefone schon lange haben

Die iPhone 16 Pro-Modelle bringen einige bemerkenswerte Verbesserungen mit sich, aber die meisten der neuen Funktionen, die Apple einführt, sind auf Android-Telefonen schon seit geraumer Zeit verfügbar.

So aktivieren Sie den Batteriesparmodus auf dem iPhone immer

So aktivieren Sie den Batteriesparmodus auf dem iPhone immer

Viele Leute, die den Batteriesparmodus auf dem iPhone dauerhaft nutzen möchten, können eine Verknüpfung auf dem Telefon erstellen.

Die 8 besten Zeitrafferkamera-Apps für Android

Die 8 besten Zeitrafferkamera-Apps für Android

Bei der Videoproduktion kann man mit vielen lustigen Effekten experimentieren, aber Zeitraffer ist einer der interessantesten.

7 Apps zur Verwendung von Memoji auf Android

7 Apps zur Verwendung von Memoji auf Android

Der heutige Artikel stellt Ihnen verschiedene Methoden und Apps zur Verwendung von Memoji auf Android vor.

Welcher Smartphone-Hersteller hat die besten Android-Updates?

Welcher Smartphone-Hersteller hat die besten Android-Updates?

Es gibt viele Android-Hersteller, aber nicht alle legen Wert auf Software-Updates. Obwohl sich die Situation in den letzten zehn Jahren verbessert hat, bieten nicht alle Smartphone-Hersteller einen hervorragenden Software-Support.