Konfiguration vs. Code für die Programmierung

Visual Studio Code (VS -Code) ist einer der beliebtesten Code -Editoren von Entwicklern. Mit Ihrer hohen Anpassung können Sie die Entwicklungsumgebung genau an Ihre Bedürfnisse anpassen.

Von der Installation bis zur Konfiguration von Tastaturthemen, Erweiterungen und Verknüpfungen bietet VS -Code zahlreiche Optionen zur Verbesserung Ihrer Produktivität.

In diesem Artikel führen Sie die wesentlichen Schritte zum Einrichten von VS -Code für die Programmierung.

Installieren des VS -Code

Herunterladen des Installationers

Um das Konfigurieren von VS -Code zu konfigurieren, ist der erste Schritt das Herunterladen des Installationsprogramms. Besuchen Sie die offizielle VS -Code -Website und klicken Sie auf die Schaltfläche Download.

Die Website identifiziert automatisch sein Betriebssystem und liefert das richtige Installationsprogramm.

Ausführen der Installation

Klicken Sie nach Abschluss des Downloads auf die heruntergeladene Datei, um die Installation zu starten. Befolgen Sie die Anweisungen auf dem Bildschirm, indem Sie in den Schritten auf "Weiter" klicken.

Vergessen Sie nicht, die Nutzungsbedingungen zu akzeptieren. Wählen Sie den Ordner aus, in dem VS -Code installiert wird, und fahren Sie fort.

Pfad konfigurieren

Überprüfen Sie in der letzten Phase der Installation die Option "Hinzufügen zum Pfad". Dies ist für Sie von entscheidender Bedeutung, um den VS -Code direkt über das Terminal mit dem Befehl zu öffnen Code.

Klicken Sie nach dem Abschluss der Installation auf "Installation" und beim Abschluss der Installation, um zu vervollständigen.

Bereit! Jetzt wird VS -Code in Ihrem System installiert und konfiguriert. Gehen wir zum nächsten Schritt und erkunden Sie die Funktionen dieses leistungsstarken Programmierwerkzeugs.

Themen und Farbschemata auswählen

Zugriff auf Einstellungen

Um vs Code anzupassen, gehen Sie zu den Einstellungen. Gehen Sie zum Menü Datei> Einstellungen> Farbthema oder einfach eingeben Einstellungen: Farbthema in der Befehlspalette. Dadurch wird eine Liste der Themen geöffnet, die Sie auswählen können.

Beliebte Themen

Es gibt viele beliebte Themen, die den Editor an Ihren Geschmack anpassen können. Einige der bekanntesten sind:

• Ein dunkler Pro: Ein sehr beliebtes dunkles Thema unter Entwicklern.
• Atom ein Licht: Ideal für diejenigen, die ein klares Thema bevorzugen.
• Dracula: Ein dunkles Thema, das von Zeno Rocha, einem Brasilianer, entwickelt wurde.
• Materialikonthema: Zusätzlich zu Farbthemen können Sie die Dateisymbole in den Materialdesign -Stil ändern.

Personalisieren Sie Ihr Thema

Wenn Ihnen keiner der Standardthemen gefallen, können Sie Ihr eigenes Thema anpassen. Zugang Datei> Einstellungen> Einstellungen Und suchen Sie nach Workbench.Colorcustomizierungen.

Hier können Sie die Farben verschiedener Elemente der VS -Codeschnittstelle anpassen.

Tipp: Sie können den Titel- und Statusbalken innerhalb des Abschnitts Farbanpassungen hinzufügen Kololustomisierungen.

Mit diesen Tipps können Sie den VS -Code auf Ihren Weg machen und das Programm noch angenehmer machen!

Installation von wesentlichen Erweiterungen

Erkundung des Marktplatzes

Um Erweiterungen auf VS -Code zu installieren, besuchen Sie den Marktplatz. In Marketplace finden Sie alle Erweiterungen für VS -Code. Zu darauf zugreifen:

1. Öffnen Sie den VS -Code.
2. Klicken Sie in der linken Seitenleiste auf das Erweiterungssymbol oder drücken Sie Strg+Verschiebung+x.
3. Verwenden Sie die Suchleiste, um die gewünschten Erweiterungen zu finden.
4. Klicken Sie auf Installieren Fügen Sie Ihren VS -Code die Erweiterung hinzu.

Empfohlene Erweiterungen

Hier sind einige Erweiterungen, die Ihre Produktivität erheblich verbessern können:

• Automatisch umbenennen Tag: Benennen Sie die entsprechenden HTML -Tags automatisch um, wenn Sie eine davon ändern.
• Farbe hervorheben: Markiert die Farben in Ihrem CSS -Code und erleichtert die Anzeige der verwendeten Farben.
• Live -Server: Erstellt einen lokalen Server, der Ihre Browserseite automatisch aktualisiert, wenn Sie eine Datei speichern.
• Hübscher: Formatieren Sie Ihren Code automatisch und stellen Sie einen konsistenten Stil sicher.
• Eslint: Analysiert Ihren JavaScript -Code auf der Suche nach Fehlern und Stilproblemen.
• Gitlens: Verbessert die GIT -Integration in den VS -Code und zeigt detaillierte Informationen zu Commits und Autoren an.

Verwalten Ihrer Erweiterungen

Nachdem Sie einige Erweiterungen installiert haben, möchten Sie diese möglicherweise verwalten. Dafür:

1. Öffnen Sie das Verlängerungsfeld (Strg+Verschiebung+x).
2. Klicken Sie auf das Zahnradsymbol neben der Erweiterung, die Sie verwalten möchten.
3. Sie können die Erweiterung nach Bedarf deaktivieren, deinstallieren oder konfigurieren.

Erinnern: Weniger ist mehr. Installieren Sie nur die Erweiterungen, die Sie wirklich verwenden, um die Überlastung Ihres Editors zu vermeiden.

Konfigurieren der Codeformatierung

Anpassung der Formatierungspräferenzen

Sie können Ihre Code -Formatierungseinstellungen auf VS -Code anpassen. Greifen Sie auf die Konfigurationen zu, indem Sie drücken Strg (CMD) +, e procure por “Formatar ao salvar”.

Aktivieren Sie diese Option, damit der Code automatisch formatiert wird, wenn Sie eine Datei speichern.

Formatieren beim Speichern

Eine der nützlichsten Funktionen von VS Code ist die automatische Formatierung beim Speichern. Dies stellt sicher, dass Ihr Code immer sauber und organisiert ist.

Um diese Option zu aktivieren, fügen Sie Ihrer Datei die folgende Zeile hinzu Einstellungen.JSON:

{
    "Editor.formatonsave": true
}

Verwenden von schöneren und anderen Werkzeugen

Prettierer ist ein beliebtes Tool für Codeformatierung. Es hilft dabei, einen konsistenten Stil während Ihres gesamten Projekts aufrechtzuerhalten. Um es zu verwenden, befolgen Sie die folgenden Schritte:

1. Installieren Sie die schönere Erweiterung im VS -Code.
2. Fügen Sie die schöneren Einstellungen zu Ihrem hinzu Einstellungen.JSON:

{
    "Editor.DefaultFormterter": "Esbenp.prettier-vscode",
    "[JavaScript]": {
        "Editor.DefaultFormatter": "Esbenp.prettier-vscode"
    }
}

Jedes Mal, wenn Sie eine Datei speichern, bildet schöner den Code automatisch.

Durch die Aufrechterhaltung von gut formatierten Code verbessert nicht nur die Lesbarkeit, sondern hilft auch, unnötige Fehler zu vermeiden.

Probieren Sie verschiedene Tools aus und finden Sie die, die am besten zu Ihrem Workflow passt.

Personalisierung von Tastaturverknüpfungen

Zugriff auf Verknüpfungseinstellungen

Um Ihre Tastaturverknüpfungen auf VS -Code anzupassen, gehen Sie zur Befehlspalette drücken Strg + Verschiebung + p und Typ Einstellungen: Tastaturverknüpfungen öffnen.

Dadurch wird eine neue Registerkarte geöffnet, auf der Sie alle verfügbaren Verknüpfungen sehen und ändern können.

Neue Abkürzungen erstellen

Neue Abkürzungen zu erstellen ist recht einfach. Klicken Sie auf der Registerkarte Verknüpfung auf das Bleistiftsymbol neben dem Befehl, den Sie ändern möchten, und drücken Sie die Kombination der Tasten, die Sie verwenden möchten.

Denken Sie daran, Kombinationen zu wählen, die nicht mit anderen wichtigen Befehlen stehen.

Einstellungen importieren und exportieren

Wenn Sie VS -Code in verschiedenen Maschinen verwenden, kann es nützlich sein, Ihre Verknüpfungseinstellungen zu exportieren. Gehen zu F1> Einstellungen: Einstellungen öffnen (JSON) und kopieren Sie die gewünschten Einstellungen.

Um zu importieren, fügen Sie diese Einstellungen einfach in die Datei ein Einstellungen.JSON der neuen Maschine.

Wenn Sie Ihre Tastaturverknüpfungen anpassen, können Sie Ihre Produktivität erheblich steigern, sodass Sie effizienter und bequemer arbeiten können.

Integration in Git

Konfigurieren von Git im VS -Code

Visual Studio Code verfügt über eine native Integration mit Versionskontrollsystemen wie Git.

Öffnen Sie für den Anfang das Feld „Quellangesteuerung“ auf der linken Seite oder verwenden Sie die Befehle in der unteren Statusleiste.

Sie können ein Git -Repository initialisieren, Verpflichtungen durchführen, drücken und ziehen und Änderungen direkt im Editor ansehen und verwalten.

• Initialisieren Sie ein Git -Repository: Klicken Sie in der Seitenleiste und dann auf die Schaltfläche "Start des Repositorys" auf das Git -Symbol.
• Fügen Sie Dateien zum Verpflegung hinzu: Maus über die modifizierten Dateien und klicken Sie auf "Bühne", um sie zum Verpflegung hinzuzufügen.
• Commit Commit: Klicken Sie auf "Inszeniert", um die Änderungen zu bestätigen.
• Drücken Sie auf das Remote -Repository: Verwenden Sie den Befehl Git Push im integrierten Terminal oder über die grafische Schnittstelle.

Mit Gitlens

Gitlens ist eine leistungsstarke Erweiterung, die die GIT -Integration in den VS -Code verbessert. Dabei können Sie die Geschichte der Commits, Vergleiche und mehr sehen.

So installieren Sie Gitlens:

1. Gehen Sie zur Registerkarte VS Codeerweiterung.
2. Suchen Sie nach Gitlens und klicken Sie auf Installation.
3. Erkundigen Sie nach der Installation die neuen Funktionen im Quell -Bedienfeld.

Verpflichtungen durchführen und drücken

Verpflichtungen durchführen und VS -Code drücken:

1. Änderungen im Code vornehmen: Bearbeiten Sie Ihre Dateien normal.
2. Fügen Sie die Änderungen in die Bühne hinzu: Klicken Sie im Quellvertretungsfeld auf "Alle", um alle Änderungen hinzuzufügen.
3. Schreiben Sie eine Nachricht aus dem Commit: Beschreiben Sie im Feld Nachrichten die vorgenommenen Änderungen.
4. Commit Commit: Klicken Sie auf das Schecksymbol, um dies zu bestätigen.
5. Senden Sie die Änderungen an das Remote -Repository: Verwenden Sie den Befehl Git Push Klicken Sie im integrierten Terminal oder klicken Sie auf die Schaltfläche zum Druck auf die Grafikschnittstelle.

Die Integration von Git in VS -Code erleichtert die Versionskontrolle stark und ermöglicht es Ihnen, Ihren Code effizient und organisiert zu verwalten, alles an einem Ort.

Verwenden des integrierten Terminals

Das Terminal öffnen

Verwenden Sie zum Öffnen des VS -Code -integrierten Terminals die Verknüpfung `Strg + \

(Windows/Linux) oderCMD + `(MAC). Dadurch wird das Terminal am unteren Rand des VS -Codefensters geöffnet, sodass Sie Befehle ausführen können, ohne den Editor zu verlassen.

Segeln und Laufbefehle

Das integrierte Terminal funktioniert wie jedes andere Terminal. Sie können zwischen Verzeichnissen navigieren, Skripte ausführen, Pakete installieren und mehr. Hier sind einige nützliche Befehle:

• CD Verzeichnis ändern.
• Ls oder Dir So listen Sie die Dateien und Verzeichnisse auf.
• NPM Installation Einrichtungen eines Node.js. Projekt.
• python script.py Ein Python -Skript ausführen.

Mit dem integrierten Terminal können Sie mehr Kontrolle über Ihre Entwicklungsumgebung haben, ohne zwischen verschiedenen Fenstern oder Anwendungen zu ändern.

Schlussfolgerung

Das Einstellen von Visual Studio -Code für die Programmierung ist ein lohnender Prozess, da der Editor eine breite Palette von Funktionen und Anpassungsoptionen bietet.

Von der Installation bis zur Konfiguration von Themen, Erweiterungen und Tastaturverknüpfungen trägt jeder Schritt zu einer produktiveren und angenehmeren Arbeitsumgebung bei.

Genießen Sie die Tipps und verwandeln Sie VS Code in Ihren Hauptverbündeten beim Programmieren!