So formatieren Sie Code in VS Code automatisch

Wenn Sie darüber nachdenken, Programmieren zu lernen, oder wenn Sie bereits jeden Tag daran schreiben, ist ein zuverlässiger Code-Editor wie Visual Studio Code ein Muss. Wenn Sie Code schreiben, sollten Sie an die Formatierung denken, da dies für die Leute einfacher zu lesen ist.

All diese speziellen Regeln zu Einzügen und Zeilenabständen sind wichtig, aber man vergisst sie leicht, wenn man sich auf seine Arbeit konzentriert.

Aus diesem Grund können Sie mit VS Code Erweiterungen zur automatischen Formatierung verwenden, die Ihnen dabei helfen können. Einige Erweiterungen zur automatischen Formatierung können mehr als eine Programmiersprache formatieren, während andere erfordern, dass Sie spezielle Erweiterungen integrieren.

So formatieren Sie HTML automatisch

Hypertext Markup Language oder HTML ist eine Programmiersprache, die zum Erstellen und Anzeigen von Webseiten verwendet wird. Webentwickler und Softwareingenieure verwenden HTML jeden Tag und können von einem automatischen Formatierungstool profitieren.

Wenn Sie den VS-Code-Editor bevorzugen, finden Sie hier Prettier, den beliebten Code-Formatierer, und aktivieren Sie die automatische Formatierungsfunktion.

• Öffnen Sie Visual Studio Code auf Ihrem Computer.

• Klicken Sie auf die Registerkarte Erweiterungen auf der linken Seite des Bildschirms. Es wird in Form von vier Blöcken präsentiert.

• Geben Sie im Suchfeld „Better code formatter“ ein.

• Sie erhalten mehrere Suchergebnisse, aber wählen Sie das von Prettier und nicht von einer anderen Person oder Firma.

• Klicken Sie auf die Schaltfläche „Installieren“ und die Erweiterung wird innerhalb weniger Sekunden heruntergeladen.

Durch die Installation des Prettier-Formatierers können Sie die automatische Formatierungsfunktion aktivieren und beim Schreiben von Code konsistente Stile sicherstellen.

• Öffnen oder erstellen Sie eine neue HTML-Datei in VS Code.

• Gehen Sie zu „Einstellungen“ in der unteren linken Ecke des Bildschirms.

• Geben Sie „Format“ in das Suchfeld ein und klicken Sie auf die Registerkarte „Benutzer“.

• Klicken Sie auf die Option Standardformatierung und wählen Sie Schöner aus der Liste aus.

• Scrollen Sie ein wenig nach unten, bis Sie die Option „Editor: Beim Speichern formatieren“ sehen.

• Aktivieren Sie das Kontrollkästchen neben dieser Option.

• Gehen Sie zurück zu Ihrer Datei und prüfen Sie, ob die Einstellung funktioniert.

Prettier sollte HTML-Dateien automatisch formatieren, wenn Sie sie speichern.

Automatisches JSON-Format

Die JavaScript-Objektnotation oder JSON wird als sprachunabhängiges Datenaustauschformat klassifiziert. Mobile Anwendungen und Computerprogramme verwenden JSON-Dateien, um Daten von Servern auszulesen und auf dem Bildschirm anzuzeigen.

Wenn Sie eine JSON-Datei im Code-Editor von Visual Studio erstellen, müssen Sie auch auf die Formatierung achten. Die gute Nachricht ist, dass Sie die Prettier-Formatierererweiterungen in VS Code verwenden können, um ein konsistentes Styling für Ihre JSON-Dateien sicherzustellen.

Hier ist alles, was Sie tun müssen, um die automatische Formatierungsfunktion für JSON-Dateien zu aktivieren.

• Starten Sie VS Code und gehen Sie zur Registerkarte Zugewiesene Erweiterungen auf der linken Seite des Fensters.

• Suchen Sie im Suchfeld nach „Prettier Code Formatter“.

• Das erste Ergebnis ist normalerweise das, auf das Sie klicken möchten. Wählen Sie jedoch sicherheitshalber denjenigen aus, auf dem „Hübscher“ als Entwickler steht.

• Klicken Sie auf „Installieren“ und warten Sie einige Sekunden, bis der Formatierer geladen ist.

Stellen Sie nach der Installation des Prettier-Formatierers sicher, dass die automatische Formatierungsfunktion aktiviert ist, indem Sie die folgenden Schritte ausführen.

• Erstellen Sie eine neue JSON-Datei oder öffnen Sie eine noch nicht formatierte Datei.
• Klicken Sie unten links auf „Einstellungen“.

• Suchen Sie nach „Format“.

• Klicken Sie auf den Abschnitt Standardformat. Wählen Sie „Schöner“ aus der Dropdown-Liste.

• Scrollen Sie nach unten und halten Sie an, wenn Sie die Option „Editor: Beim Speichern formatieren“ sehen.

• Aktivieren Sie das Kontrollkästchen neben dieser Option.

• Stellen Sie sicher, dass die automatische Formatierungsfunktion funktioniert.

Das ist alles. Die Prettier-Erweiterung im VS-Code-Editor vereinfacht die automatische Formatierung.

Automatisches Python-Format

Python ist heutzutage eine der beliebtesten Programmiersprachen und wird von Webentwicklern und Programmierbegeisterten häufig verwendet. Es wird verwendet, um Software und Websites zu entwerfen und zu erstellen, Daten zu analysieren, Aufgaben zu automatisieren und vieles mehr.

Wenn Sie VS Code zum Bearbeiten einer Python-Datei verwenden, müssen Sie den richtigen Formatierer verwenden. Obwohl Prettier mit vielen Programmiersprachen funktioniert, ist es nicht mit Python kompatibel.

Glücklicherweise bietet VS Code eine Lösung. Einer der besten Python-Formatierer in VS Code ist Black und kann verwendet werden, um Code zu formatieren, wenn Sie eine Datei automatisch speichern. Bevor Sie Black verwenden, müssen Sie jedoch die Microsoft Python-Erweiterung für VS Code herunterladen:

• Öffnen Sie VS Code und suchen Sie im Suchfeld nach „Python“.

• Stellen Sie sicher, dass es sich um eine Microsoft-Erweiterung handelt, und klicken Sie auf Installieren.

• Um den Phyton-Formatierer zu installieren, geben Sie in der virtuellen Umgebung folgenden Text ein: „$ pip install black“.
• Gehen Sie in VS Code zu „Einstellungen“ und suchen Sie nach „Phyton Formatting Provider“.

• Wählen Sie „Schwarz“ aus dem Dropdown-Menü.

• Scrollen Sie nach unten und suchen Sie nach der Option „Editor: Beim Speichern formatieren“.

• Aktivieren Sie das Kontrollkästchen neben dieser Option.

Black formatiert der Python-Formatierer den Code jetzt jedes Mal automatisch, wenn Sie eine Datei speichern.

VS Code wird beim Speichern automatisch formatiert

Sie können die automatische Formatierungsfunktion unabhängig davon aktivieren, welche Programmiersprache oder welchen Codeformatierer Sie in VS Code verwenden.

Die meisten Entwickler verwenden mehrere Codeformatierungserweiterungen in VS Code, sodass Sie sicherstellen können, dass jede von ihnen die Datei automatisch formatiert, wenn sie gespeichert wird.

So funktioniert das.

• Öffnen Sie den Visual Studio-Code-Editor.

• Klicken Sie unten links auf das Zahnradsymbol „Einstellungen“.

• Suchen Sie „Formatter“ und klicken Sie auf „Editor: Default Formatter“.

• Wählen Sie den Code-Formatierer, den Sie verwenden möchten, aus dem Dropdown-Menü aus.

• Scrollen Sie etwas nach unten und aktivieren Sie das Kontrollkästchen neben der Option „Editor: Beim Speichern formatieren“.

Sie können diesen Vorgang für jeden Codeformatierer wiederholen, den Sie in VS Code verwenden.

Häufig gestellte Fragen

Warum funktioniert das automatische „Formatieren beim Speichern“ nicht?

Wenn Sie die Option „Beim Speichern formatieren“ im Formatierer von VS Code haben und sie nicht richtig funktioniert, haben Sie es wahrscheinlich mit einem Fehler zu tun.

Ihre Version des Formatierers hat möglicherweise Probleme und Sie müssen prüfen, ob ein Update verfügbar ist. Das Problem liegt jedoch möglicherweise nicht bei Ihnen und der Absturz wird von den VS Code-Entwicklern behoben.

Wie deaktiviere ich die automatische Formatierung in VS Code?

Das Deaktivieren der Autoformat-Funktion ist sehr einfach. Führen Sie die folgenden Schritte aus, um die automatische Formatierung zu deaktivieren.

1. Öffnen Sie den VS Code-Editor und klicken Sie auf das Symbol „Einstellungen“.

2. Suchen Sie „Formatierer“ und wählen Sie den Formatierer aus, für den Sie die automatische Formatierung deaktivieren möchten.

3. Suchen Sie die Option „Editor: Beim Speichern formatieren“ und deaktivieren Sie das Kontrollkästchen daneben.

Einfache automatische Codeformatierung in Visual Studio Code

Einer der besten Aspekte bei der Verwendung von VS Code ist die gut gestaltete Benutzeroberfläche, die es selbst Anfängern ermöglicht, durch den Editor zu navigieren.

Eine korrekte und kontinuierliche Codeformatierung ist für lesbaren Code unerlässlich, aber diese Konventionen können umständlich sein, wenn Sie sie manuell vornehmen müssen.

Aber die gute Nachricht ist, dass der VS-Code-Editor über viele Code-Formatierungstools verfügt, die das Schreiben von lesbarem Code einfacher und schneller machen können.

Ob Prettier, Black oder eine andere Erweiterung, Benutzer haben immer die Möglichkeit, den Code automatisch zu formatieren, sobald die Datei gespeichert wird.

Welche Programmiersprache verwenden Sie und welcher Formatierer funktioniert am besten? Lassen Sie es uns in den Kommentaren unten wissen.