DeuAq.com >> Leben >  >> Elektronik

VS-Code – Schriftart ändern

Entwickler unterschätzen leicht die Bedeutung ihrer Arbeitsumgebung. Nein, wir sprechen nicht über Ihre Stuhl-, Schreibtisch- und Wandfarbe. Wir sprechen über Ihre virtuelle Arbeitsumgebung.

VS-Code – Schriftart ändern

Es ist für Ihre Arbeitseffizienz 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 in VS-Code

Selbst wenn Sie ein Entwickler sind, der schon seit langer Zeit mit VS arbeitet, wissen Sie vielleicht noch nichts über die Optionen zum Ändern von Schriftarten.

Wenn Sie sich nicht darum kümmern, warum die Auswahl Ihrer eigenen Schriftart wichtig ist, springen Sie direkt zum Tutorial ein paar Absätze weiter unten. Beachten Sie jedoch, dass die Gründe für die Änderung Ihrer Schriftart (unten aufgeführt) bei Ihrer Entscheidung hilfreich sein können.

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

In erster Linie möchten Sie, dass der Unterschied zwischen ähnlichen Zeichen bemerkenswert ist. Wenn Sie beispielsweise die Zahl 1 und den Kleinbuchstaben L leicht unterscheiden können, kann dies Ihre Codierung erheblich beschleunigen und Ihnen Zeit sparen.

Dann gibt es die Tatsache, dass einige Entwickler gerne Ligaturen verwenden. Ligaturen sind ein paar Symbole, die miteinander verbunden sind. Diese werden auch „Glyphen“ genannt und können beim Codieren eine ganze Menge bedeuten.

Hier erfahren Sie ohne weiteres, wie Sie die Schriftfamilie in VS ändern:

Öffnen Sie Ihren VS-Editor.
VS-Code – Schriftart ändern Navigieren Sie zum oberen Teil des Bildschirms und wählen Sie Datei .
VS-Code – Schriftart ändern Gehen Sie nun im Dropdown-Menü zu Einstellungen> Einstellungen .
VS-Code – Schriftart ändern Sie sehen jetzt die Häufig verwendeten Abschnitt mit einem Menü auf der rechten Seite des Bildschirms, können Sie von dieser Seite aus auf die Schriftart zugreifen oder indem Sie den folgenden Schritt ausführen.
VS-Code – Schriftart ändern
Oder klicken Sie auf Texteditor> Schriftart und suchen Sie nach dem Standardeintrag "editor.fontFamily":"Consolas “.
VS-Code – Schriftart ändern Anstelle von „Consolas ”, geben Sie den Namen Ihrer bevorzugten Schriftart ein.
VS-Code – Schriftart ändern

Dadurch sollte die Schriftfamilie automatisch geändert werden.

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

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

Es gibt keine magische Formel für die beste Schriftgröße zum Codieren. Idealerweise möchten Sie die Zeichen so klar 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, die Ihren Codierungsanforderungen entspricht.

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

Navigieren Sie zu den Benutzereinstellungen Menü (Schritt Nummer 3 im Font-Tutorial).
VS-Code – Schriftart ändern Suchen Sie nach „editor.fontSize“:15 line, ist Ihre Schriftgröße möglicherweise anders eingestellt.
VS-Code – Schriftart ändern Dann statt 15 , geben Sie Ihre bevorzugte Schriftgröße ein.
VS-Code – Schriftart ändern

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 verwendet, um Dateien und Ordner zu verwalten, zu durchsuchen und zu öffnen, 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 ein gutes Stück verwenden werden. Wenn die Schriftgröße des Explorers nicht zu Ihnen passt, werden Sie froh sein zu wissen, dass Sie sie ändern können.

  • Gehen Sie zu den Benutzereinstellungen Menü wieder.
    VS-Code – Schriftart ändern
  • Suchen Sie die "editor.fontSize":14 Eintrag, kann Ihre Schriftgröße abweichen.
    VS-Code – Schriftart ändern
  • Ändern Sie dies in eine Schriftgröße Ihrer Wahl, 18 wird in diesem Beispiel verwendet.
    VS-Code – Schriftart ändern
  • So ändern Sie die Terminal-Schriftart in VS Code

    Anstatt Fenster zu wechseln oder Änderungen am Status des vorhandenen Terminals vorzunehmen, ermöglicht Ihnen VS Code die Verwendung eines integrierten Terminals, 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:

  • Navigieren Sie zum Stammordner Ihres Projekts/Arbeitsbereichs.
  • Öffnen Sie die settings.json Datei mit VS Code. Alternativ können Sie in VS Code Strg + Umschalt + P drücken (statt Strg , verwenden Sie Befehl für Mac-Geräte) und suchen Sie die settings.json Datei. VS-Code – Schriftart ändern
  • Ändern Sie die entsprechenden drei Zeilen wie folgt:
    “terminal.external.osxExec”: “iTerm.app”,
    “terminal.integrated.shell.osx”: “/bin/zsh”,
    “terminal.integrated.fontFamily”: “D2Coding”,

    Beachten Sie, dass D2Coding ist ein Beispiel. Sie können auch jede andere Schriftart auswählen, die Sie bevorzugen.
  • Speichern Sie die Einstellungen, wenn Sie fertig sind.
  • Um die Schriftgröße des Terminals zu ändern, navigieren Sie zu „terminal.integrated.fontSize“: Eintrag und stellen Sie ihn nach Ihren Wünschen ein.

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

    Codekommentareinträge haben standardmäßig dieselbe Schriftart wie der Rest des Codes. Wenn Sie dies ändern, heben sie sich hervor, was oft Stunden verschwendeter Arbeit verhindern kann (es ist leicht, einen Kommentar zu übersehen, wenn er dieselbe Schriftart wie alles andere in VS hat). So einfach diese Dinge auch scheinen mögen, die Lösung ist etwas komplexer als erwartet. Außerdem sind die Ergebnisse möglicherweise nicht ideal, da dies zu Ausrichtungsproblemen führen kann. Trotzdem schadet es nicht, es zu versuchen:

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

    font-family: "iosevka";

    font-size: 1em;

    font-style: italic;

    }
  • Öffnen Sie settings.json und füge diesen Eintrag hinzu:
    "vscode_custom_css.imports":
    "file:///Users/username/.vscode/style.css"],
  • Laden Sie jetzt das benutzerdefinierte CSS- und JS-Loader-Plugin herunter.
  • Verwenden Sie nach der Installation die Tastenkombination Strg + Umschalt + P Befehl und stellen Sie sicher, dass das Plugin aktiviert ist.
  • Starten Sie VS Code neu.
  • Die Kommentare sollten jetzt 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 benutzerdefinierte CSS- und JS-Loader-Plug-in umfasst.

  • Navigieren Sie im Plug-in zu den Erweiterungsdetails und folgen Sie dem Anleitungsabschnitt sorgfältig.
  • Verwenden Sie die folgende Logik:
    "vscode_custom_css.imports": ["[insert custom file URL]"]
  • Tun Sie dies für jede benutzerdefinierte Datei.
  • Das Ergebnis sollte eine viel bessere und ästhetisch ansprechendere VS Code-Seitenleiste ergeben.

    So ändern Sie die Schriftart mit 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, laufen die Unterschiede hauptsächlich auf die Strg hinaus /Befehl key-Option und die Standardspeicherorte der VS Code-Dateien. Das Prinzip der Schriftänderung in VS Code bleibt also auf allen Geräten ziemlich 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 verwenden werden, um die tatsächliche VS-Code-Schriftart zu ändern, sollten Sie die häufigsten Versehen kennen, die Menschen machen. Stellen Sie sicher, dass jeder Eintrag in Anführungszeichen eingeschlossen ist. Beispiel:"vscode_custom_css.imports":["file:///Users/username/.vscode/style.css"] , funktioniert nur, wenn Sie die Anführungszeichen verwenden. Stellen Sie außerdem sicher, dass Sie Leerzeichen zwischen den Befehlen verwenden.

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

    Standardmäßig ist die für die Codierung in VS Code verwendete Schriftart Consolas. Wenn Sie dieser Anleitung folgen, können Sie die meisten Schriftarten in VS Code ändern, egal ob wir über den Code selbst, das Terminal, die Kommentare oder die Explorer-Funktion sprechen.

    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 angeben, welche Schriftart verwendet wurde, gibt es keine Möglichkeit, dies herauszufinden.

    Wie hacke ich eine VS Code-Schriftart?

    Ursprünglich bedeutete hacken zu modifizieren, aber wenn Sie damit das Hinzufügen der Hack-Schriftart zu VS meinen, können Sie sie über die Website des Hacks 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, gefolgt von Optionen. In the Options menu, select Environment, and then navigate to Fonts and Colors. Open the Font dropdown menu and select the Hack entry.

    What font do hackers use?

    As a rule of thumb, every coder, including hackers, uses a font they like. A good example of a popular font that’s allegedly a “hacker’s choice” would be Ray Bluetens, also known as Lawn Dart Fonts.

    Changing Font Options in VS Code

    Dealing with font options in VS Code is definitely not as straightforward as changing fonts in a text editor program. However, considering we’re talking about coding software here, VS offers a wide variety of options compared to its competition. Follow the instructions in this article and make your coding experience as personalized, user-friendly, and smooth as possible.

    Did you manage to edit your font settings in VS Code? Did you run into any problems? Scroll down and check out our comments section below. It’s teeming with good advice. Don’t refrain from asking a question of your own or starting a discussion either. Our community is more than happy to help.