9 Tipps zur effektiven Verwendung von VSCode

Im Open-Source-IDE-Markt ist Visual Studio Code (kurz VSCode) in den letzten Jahren immer beliebter geworden. Laut einem Stack Overflow-Umfragebericht aus dem Jahr 2018 sind seit der Veröffentlichung im Jahr 2015 35 % der Entwickler auf die Verwendung von VSCode umgestiegen. Als Nächstes werde ich einige Vorschläge und Techniken vorstellen, damit Sie VSCode effizienter nutzen können.

Git und Gitlens

Git kann gesagt werden Da es sich bei Entwicklern um die beliebteste Software handelt, ist die Bedienung von Git direkt über die IDE viel einfacher als über die Befehlszeile. Mit Git-Modulen können Sie Vorgänge wie „Staging“, „Commit“, „Stash“ und „Undo“ ausführen. Das Gitlens -Plugin bietet mehr Möglichkeiten. Die nützlichste Funktion von Gitlens besteht darin, dass Sie den Commit-Verlauf jeder Codezeile anzeigen können.

Live Share

VSCode Live Share ist eine experimentelle Funktion. Auf der offiziellen Website heißt es:

Egal welche Art von Anwendung Sie erstellen, welche Sprache Sie zum Programmieren verwenden oder welches Betriebssystem Sie verwenden, wenn Sie zusammenarbeiten müssen, kann die Echtzeitfreigabe sofort eine Verbindung herstellen Teilen Sie Ihr Projekt mit Ihren Teamkollegen. Teamkollegen können in Echtzeit bearbeiten und debuggen, ohne das Repository zu klonen oder seine Umgebung einzurichten.

Mit Live Share können Sie gemeinsam bearbeiten und debuggen und gleichzeitig Audio, Server, Terminals, Unterschiede, Kommentare und mehr teilen. Egal, ob Sie Codeüberprüfungen durchführen, mit Teamkollegen programmieren, an einem Hackathon teilnehmen oder interaktive Vorträge halten, Live Share kann Sie bei einer Vielzahl von Schreibstilen unterstützen.

JSON to Code

Haben Sie jemals erlebt, dass die Daten, die Sie haben möchten, mit einer API konfrontiert wurden? return? Kann eine Struktur eine Typdefinition haben, muss diese aber nicht manuell definiert werden? JSON als Code einfügen kann eine JSON-Datei mit einem Klick in eine Typdefinition in der Zielsprache konvertieren.

Batch-Umbenennung

Refactoring ist beim Schreiben und Verwalten von Code unverzichtbar, insbesondere wenn Sie einen sehr großen Code umgestalten Wenn Sie ein Modul oder einen großen Codeabschnitt erstellen, wird es schwierig sein, die Variablen-/Funktionsnamen einzeln zu finden und zu ändern. Glücklicherweise kann uns VSCode helfen.

Wenn Sie einen Variablen-/Methodennamen auswählen und dann F2 drücken, können Sie den ausgewählten Namen bearbeiten und alle zugehörigen Instanzen im gesamten Projekt werden geändert.

Wenn Sie nur die aktuelle Datei ändern möchten, verwenden Sie Befehl+F2 (Mac) oder Strg+F2 (Windows).

Zur Definition springen

Wenn man Code schreibt und mit einer Variablen/Methode konfrontiert wird, vergisst man oft deren Referenz. Die Bedeutung von Generation. Was ist zu diesem Zeitpunkt zu tun? Es wird mehrere Minuten dauern, das gesamte Projekt zu durchsuchen und den richtigen Standort zu finden. In VSCode können Sie Befehl (Mac)/Strg (Windows) verwenden und auf den entsprechenden Variablen-/Methodennamen klicken. VSCode springt dann automatisch zur richtigen Position.

Alternativ können Sie den Cursor auf den Variablen-/Methodennamen platzieren und dann die Befehlstaste (Mac)/Strg-Taste (Windows) drücken. Die Definition der Variablen/Funktion wird neben dem aktuellen Cursor angezeigt. Dies erspart Ihnen das Springen zu anderen Orten.

Mehrzeilige Bearbeitung

Wenn Sie mehrere Instanzen desselben Textes einfügen/löschen möchten, können Sie eine Mehrfachzeile erstellen -cursor (Mehrfachcursor). Sie können die Wahltaste (Mac) bzw. die Alt-Taste (Windows) gedrückt halten und jedes Mal, wenn Sie klicken, stoppt der Cursor an seiner aktuellen Position. Mit jedem Klick wird ein neuer Cursor erstellt und diese Positionen können dann gleichzeitig bearbeitet werden.

ist in HTML sehr nützlich, insbesondere wenn Sie den Klassennamen/Hyperlink ändern möchten und dieser an mehreren Stellen erscheint.

Debugger Der Debugger selbst hat viel Inhalt und VSCode verfügt über eine spezielle Videoeinführung.

Youtube-Videoadresse: VSCode debugging Node.js

Tastenkombinationen binden

Wenn Sie effizient arbeiten möchten, wandeln Sie Ihre häufig verwendeten Befehle in Tastenkombinationen um. Sie können Kernbefehle schnell über Spickzettel/ „Tastenkombinationen anzeigen“ anzeigen.

Die Befehlskonsole ist Ihr bester Freund. Sie können sie mit Befehl+p (Mac)/Strg+p (Windows) öffnen. Geben Sie den Dateinamen ein und Sie können schnell zur angegebenen Datei springen. Dies ist viel schneller als das langsame Durchsuchen des Projektverzeichnisses auf der linken Seite.

● Sie können > eingeben, um alle verfügbaren Aufgaben anzuzeigen.

● Verwenden Sie das Symbol @ , um alle Symbole (Variablen/Funktionen/Klassennamen/Methoden usw.) abzurufen die aktuelle Datei

Benutzerdefinierte Verknüpfungstastenkombinationen In VSCode fehlt ein Befehl, nämlich „Alle speichern“. Wir können eines anpassen: Befehl+Umschalt+S (Mac)/Strg+Umschalt+S (Windows).

Empfohlenes Tutorial: vscode Basic Tutorial

9 Tipps zur effektiven Verwendung von VSCode

In Verbindung stehende Artikel