10 wichtige VS-Code-Tipps und Tricks für mehr Produktivität

OpenConvo wird in Visual Studio Code geöffnet. Wussten Sie, dass 73 % der Entwickler weltweit auf denselben Code-Editor angewiesen sind? Ja, die Ergebnisse der Stack Overflow Developer Survey 2023 liegen vor, und wieder einmal war Visual Studio Code mit Abstand dabeidie am häufigsten verwendete Entwicklungsumgebung. „Visual Studio Code ist nach wie vor die bevorzugte IDE aller Entwickler und wird im Vergleich zu professionellen Entwicklern häufiger von denjenigen verwendet, die das Programmieren lernen", Survey.stackoverflow.co/2023 Und wir alle wissen warum: Es ist großartig. Aber schöpfen wir sein Potenzial vollständig aus? In diesem Artikel stellen wir einige überzeugende VS-Code-Funktionen vor, die die Produktivität unter anderem durch lokale Quellcodeverwaltung, animierte Eingabe und schnelles Löschen von Zeilen steigern . Beginnen wir damit, sie zu nutzen, um unsere Codierungsziele schneller als je zuvor zu erreichen.

1. Zeitleistenansicht: lokale Quellcodeverwaltung Die Timeline-Ansicht bietet uns eine integrierte Quellcodeverwaltung. Viele von uns wissen, wie nützlich Git und andere Quellcodeverwaltungstools sind, die uns dabei helfen, Dateiänderungen einfach zu verfolgen und bei Bedarf zu einem vorherigen Punkt zurückzukehren. Daher bietet die Zeitleistenansicht in VS Code eine automatisch aktualisierte Zeitleiste wichtiger Ereignisse im Zusammenhang mit einer Datei, wie z. B. Git-Commits, Dateispeicherungen und Testläufe. Erweitern Sie diese Ansicht, um eine Liste mit Schnappschüssen von Ereignissen anzuzeigen, die sich auf die aktuelle Datei beziehen. Hier geht es um das Speichern von Dateien, aber auch um Git-Commits, bei denen die Datei bereitgestellt wurde. Bewegen Sie den Mauszeiger über das Snapshot-Element, um das Datum und die Uhrzeit anzuzeigen , zu der VS Code den Snapshot erstellt hat. Wählen Sie ein Snapshot-Element aus, um eine Diff-Ansicht anzuzeigen, die die Änderungen zwischen der Datei zum Snapshot-Zeitpunkt und der aktuellen Datei zeigt.

2. Automatisches Speichern: nicht mehr Strg + S Können Sie zählen, wie oft Sie diese Verknüpfung verwendet haben? Wahrscheinlich tun Sie es jetzt unbewusst. Die Autosave-Funktion speichert Dateien automatisch , während wir an ihnen arbeiten, sodass kein manuelles Speichern erforderlich ist . Mit der automatischen Speicherung vermeiden wir die Strg + S-Ermüdung, sparen Zeit und gewinnen die Gewissheit, immer mit den neuesten Änderungen an den Dateien zu arbeiten. Es ist jedoch nicht perfekt und es liegt an Ihnen, die Vor- und Nachteile abzuwägen - die wir hier ausführlich behandeln . codingbeautydev.com Nicht automatisch speichern. Automatische Speicherung aktiviert - die Anzeige für nicht gespeicherte Daten wird nicht mehr angezeigt. Verwenden Sie Datei > Automatisch speichern, um die Funktion einfach zu aktivieren.

3. Machen Sie alles mit der Befehlspalette Fast alles, was Sie in VS Code tun, außer der Eingabe, ist ein „Befehl". Mit Befehlen können wir Aufgaben innerhalb des Editors erledigen . Dazu gehören dateibezogene Befehle, Navigationsbefehle, Bearbeitungsbefehle und Terminalbefehle, die jeweils optimal darauf ausgelegt sind, verschiedene Aspekte Ihres Bearbeitungserlebnisses zu verbessern. Mit der Befehlspalette suchen wir einfach nach einem Befehl und wählen die entsprechende Aktion aus. Um die Befehlspalette zu öffnen , verwenden Sie diese Tastenkombination: Windows/Linux:Ctrl + Shift + P Mac: Umschalt + Befehl + P

Wie Sie richtig vermutet haben, sind die Tastenkombinationen auf der rechten Seite eine schnellere Möglichkeit, die Befehle über die Tastatur auszuführen. Der Hauptvorteil der Befehlspalette gegenüber Verknüpfungen besteht darin, dass es einen Befehl ohne Verknüpfung gibt oder Sie nach einem Befehl suchen, von dem Sie nicht sicher sind, ob er existiert. 4. Gehen Sie schnell zur Datei Die Maus ist zu langsam. Ja, Sie können im Explorer-Bereich auf die Datei klicken, aber für eine viel schnellere Alternative können SieCtrl + P nach einer bestimmten Datei in Ihrem Projekt suchen und diese öffnen. Halten Sie gedrückt Ctrlund drücken Sie Tab, um durch die Liste der aktuell in einer Editor-Instanz geöffneten Dateien zu blättern. Sie können sogar Alt + Leftund verwenden Alt + Right, um schnell zwischen diesen geöffneten Dateien zu navigieren. All dies sind viel schnellere Möglichkeiten, zu einer Datei zu gelangen, als mit dem Cursor. 5. Gehen Sie schnell zur Schlange Springen, nicht scrollen. Das schnelle Navigieren zu einer Zeile ist beim Debuggen von unschätzbarem Wert , wenn bei bestimmten Zeilennummern Fehler auftreten müssen. Indem Sie zu diesen Zeilen springen, können Sie den Code in diesem bestimmten Kontext untersuchen, Variablen auswerten und das Problem beheben. Benutzen Sie dazu die Ctrl + GTastenkombination. 6. Zeile schnell löschen Sie sind jetzt bei der Zeile angelangt. Was ist, wenn Sie sie löschen möchten? Würden Sie ziehen und ziehen, um die Markierung hervorzuheben, und dann die Entf-Taste drücken? Wirst du unermüdlich die Rücktaste drücken, bis alle Zeichen verschwunden sind? Oder verwenden Sie die Ctrl + Shift + KVerknüpfung , um diese und Dutzende weiterer Zeilen in Sekundenschnelle zu löschen? 7. Viel Spaß beim Tippen mit sanftem Cursor VS Code has this smooth cursor feature that animates the cursor as it moves, like in MS Word. This makes typing feel more fluid and polished, as well as giving us a smoother and more natural feel as we navigate through the lines of code and place the cursor at different points. To turn it on, open Settings UI in the Command Palette and search for "smoot caret". We are looking for the Editor: Cursor Smooth Caret Animation setting, which has 3 possible options: off: No smooth cursor animation explicit: Only animates the cursor when we explicitly place it somewhere in the code. on: Smooth cursor animation is always enabled - including when typing.

Set it to on to get the full visual experience. 8. Format code rapidly Bei der Formatierung geht es darum, die Lesbarkeit des Codes zu verbessern , indem man ihn strukturiert und konsistent organisiert. Und wenn Sie dies manuell getan haben, müssen Sie wissen, dass es einen besseren Weg gibt. Ja, Sie müssen die Formatierung des Codes automatisch mit dem Format DocumentBefehl starten , der in der Befehlspalette leicht zugänglich ist. Abhängig von der Sprache der aktuellen Datei wird ein bestimmtes „Standard"-Formatierungsprogramm verwendet, um den Code mit verschiedenen Regeln für Einrückung, Zeilenlänge, Klammern usw. zu formatieren. Es gibt zwar einen ziemlich guten integrierten JS/TS-Formatierer, für eine robustere Lösung empfehle ich jedoch dringend die Prettier-Erweiterung . Nach der Installation legen Sie es als Standardformatierer fest. Wenn Sie die manuelle Speicherung anstelle der automatischen Speicherung verwenden, sollten Sie eine Funktion aktivieren, um die Formatierung etwas zu vereinfachen: Editor: Format On Save: „Formatieren Sie eine Datei beim Speichern. Ein Formatierungsprogramm muss verfügbar sein, die Datei darf nicht nach einer Verzögerung gespeichert werden und der Editor muss heruntergefahren werden." Es ist standardmäßig deaktiviert.

Wenn diese Einstellung aktiviert ist, formatiert VS Code Ihren Code automatisch mit dem aktuellen Standardformatierer, wenn Sie die Datei mit speichern Ctrl + S, wie Sie in der obigen Demo gesehen haben. Das automatische Speichern Format On Savefunktioniert nicht und es kann mühsam werden, die Befehlspalette ständig zu öffnen, wenn Sie ab und zu formatieren. Und dafür gibt es Tastaturkürzel: Windows: Umschalt + Alt + F Mac: Umschalt + Wahl + F Linux: Strg + Umschalt + I

Ich verwende Windows und persönlich gefällt mir diese Standard-Tastenkombination nicht. Durch die automatische Speicherung muss ich hin und wieder formatieren, und Umschalt + Alt + F wurde nach einer Weile zur Qual. Also habe ich es geändert inCtrl + D, Ctrl + D – einen Tastaturkürzel-Akkord, der viel einfacher zu drücken und zu merken ist und keine widersprüchlichen Tastenkombinationen aufweist. Ich empfehle Ihnen, dasselbe zu tun. 9. Sparen Sie Zeit mit der Bearbeitung mit mehreren Cursorn Einer der Wow-Momente in meinen frühesten Tagen mit VS Code: Die Bearbeitung mit mehreren Cursorn ermöglicht es Ihnen, mehrere Cursor an verschiedenen Punkten zu platzieren und denselben Text mehrmals zu löschen oder einzufügen. Dies beschleunigt die Bearbeitungszeit und steigert die Produktivität erheblich, da wir wiederkehrende Aufgaben durch die schnelle Codeerstellung effizient erledigen können . Beim Bearbeiten gibt es natürlich immer mindestens einen Cursor. Verwenden Sie Alt + Clickdiese Option, um weitere hinzuzufügen. Ctrl + Alt + DownSie können mit oder auch ganz einfach einen Cursor direkt über oder unter der aktuellen Zeile hinzufügen Ctrl + Alt + Up. Diese Tastenkombinationen führen jeweils die Befehle Add Cursor Aboveund aus Add Cursor Below. 10. Erstellen Sie schnell einen neuen Ordner/eine neue Datei Es gibt kein ernstes Projekt, bei dem wir nicht neue Ordner und Dateien erstellen, und wenn es eine Möglichkeit gäbe, die Datei-/Ordnererstellung zu beschleunigen , würde sich die gesamte eingesparte Zeit aufsummieren und uns einen erheblichen Produktivitätsschub bescheren . Wenn Sie in VS Code mit der Schaltfläche „Neue Datei und neuer Ordner" neue Dateien und Ordner erstellt haben, dann gibt es ja eine Möglichkeit. Ja, das musst du nicht tun. Wussten Sie, dass Sie, anstatt ständig die Maus zu bewegen, um diese kleinen Schaltflächen zu finden, einfach auf das Explorer-Bedienfeld doppelklicken können , um eine neue Datei zu erstellen? Wie wäre es mit einem neuen Ordner? Nun, Ordner sind nichts ohne Dateien, und wenn Sie eine neue Datei erstellen, können Sie das /Zeichen ganz einfach verwenden, um eine Hierarchie anzugeben und neue Ordner und Unterordner für die Datei zu erstellen. Der Ordner „utils" wird erstellt und enthält index.js. Noch effizienter wäre es, Tastaturkürzel zu verwenden , was ich getan habe. AAls ehemaliger Atom-Fan hatte ich mich schnell an die Verknüpfungen undShift + A zum Erstellen neuer Dateien bzw. Ordner gewöhnt ; Ich wusste, was ich tun musste. Da AundShift + A offensichtlich Schlüssel sind, mit denen wir programmieren, habe ich die whenWerte hier eingefügt, um sicherzustellen, dass sie nur dann eine neue Datei/einen neuen Ordner erstellen, wenn der Explorer-Bereich den Fokus hat und im aktuellen Editor kein aktiver Cursor vorhanden ist. Um diese Tastenkombinationen beim Tippen verwenden zu können, müssen Sie sich zunächst auf den Explorer-Bereich konzentrieren. Klicken Sie darauf oder verwenden Sie Ctrl/Command + Shift + E. Die zentralen Thesen Aktivieren Sie die lokale Quellcodeverwaltung mit der Zeitleistenansicht . Standardmäßig im Explorer-Bereich verfügbar. Dateien automatisch speichern mit File > Autosave. Führen Sie Befehle in der Befehlspalette mit Ctrl + Shift + Poder aus Shift + Command + P. Gehen Sie mit zu einer Datei , navigieren Sie mit oder Ctrl + Pzwischen geöffneten Dateien .Alt + Left/RightCtrl + Tab Gehen Sie zu einer Zeile mit Ctrl + G. Löschen Sie eine Zeile mit Ctrl + Shift + K. Ermöglichen Sie flüssiges Tippen mit Editor: Cursor Smooth Caret Animationder Einstellung. Formatieren Sie den Code mit dem Befehl „Dokument formatieren", verwenden Sie Prettier und ändern Sie die Verknüpfung in Ctrl + D, Ctrl + D. Verwenden Sie mehrere Cursor gleichzeitig mit Alt + Click. Ctrl + Alt + Up/DownFügt einen Cursor oben/unten hinzu. Verschieben Sie eine Zeile mit Alt/Wahl + Oben/Unten in Windows/Mac nach oben oder unten. Erstellen Sie eine neue Datei, indem Sie auf den Explorer-Bereich doppelklicken oder eine benutzerdefinierte Tastenkombination festlegen . Erstellen Sie eine neue Datei in einem neuen Ordner mit „ folder/file.ext ".

Sehen Sie sich die Dokumentation zu VS-Code-Tastenbindungen an , um mehr über Tastaturkürzel und deren Anpassung zu erfahren. Es enthält eine vollständige Liste aller Standard-VS-Code-Verknüpfungen in Ihrem Betriebssystem. Abschließende Gedanken Visual Studio Code ist mehr als nur ein Texteditor - es ist ein leistungsstarkes Tool, das, wenn es beherrscht wird, Ihre Produktivität erheblich steigern und Ihren Codierungsworkflow optimieren kann. Die zehn Tipps und Tricks, die wir untersucht haben, sind nur die Spitze des Eisbergs . Während Sie weiter durch VS Code navigieren, werden Sie unzählige weitere Funktionen und Verknüpfungen entdecken, die Ihr Codierungserlebnis weiter verbessern. Erforschen Sie also weiter, lernen Sie weiter und denken Sie daran: Der Schlüssel zu effizientem Codieren liegt nicht nur im Code selbst , sondern auch in den Tools, mit denen Sie ihn schreiben. Jede verrückte Sache, die JavaScript macht Gerade als Sie dachten, Sie wüssten alle Macken. Vermeiden Sie schmerzhafte Fehler und sparen Sie wertvolle Zeit mit „ Every Crazy Thing JavaScript Does", einem fesselnden Leitfaden zu den subtilen Vorbehalten und weniger bekannten Teilen von JavaScript. Holen Sie sich noch heute hier ein kostenloses Exemplar .

🌟 Eine Initiative, um die Web3-Bildung für die nächste Generation  zugänglicher zu machen. 🌟 🌟 Feel free to check out:  my.bio/blockliv3 Social Media: @blockliv3 E-Mail: blockliv3.nft@ud.me

10 wichtige VS-Code-Tipps und Tricks für mehr Produktivität

OpenConvo wird in Visual Studio Code geöffnet. Wussten Sie, dass 73 % der Entwickler weltweit auf denselben Code-Editor angewiesen sind? Ja, die Ergebnisse der Stack Overflow Developer Survey 2023 liegen vor, und wieder einmal war Visual Studio Code mit Abstand dabeidie am häufigsten verwendete Entwicklungsumgebung. „Visual Studio Code ist nach wie vor die bevorzugte IDE aller Entwickler und wird im Vergleich zu professionellen Entwicklern häufiger von denjenigen verwendet, die das Programmieren lernen", Survey.stackoverflow.co/2023 Und wir alle wissen warum: Es ist großartig. Aber schöpfen wir sein Potenzial vollständig aus? In diesem Artikel stellen wir einige überzeugende VS-Code-Funktionen vor, die die Produktivität unter anderem durch lokale Quellcodeverwaltung, animierte Eingabe und schnelles Löschen von Zeilen steigern . Beginnen wir damit, sie zu nutzen, um unsere Codierungsziele schneller als je zuvor zu erreichen.

1. Zeitleistenansicht: lokale Quellcodeverwaltung Die Timeline-Ansicht bietet uns eine integrierte Quellcodeverwaltung. Viele von uns wissen, wie nützlich Git und andere Quellcodeverwaltungstools sind, die uns dabei helfen, Dateiänderungen einfach zu verfolgen und bei Bedarf zu einem vorherigen Punkt zurückzukehren. Daher bietet die Zeitleistenansicht in VS Code eine automatisch aktualisierte Zeitleiste wichtiger Ereignisse im Zusammenhang mit einer Datei, wie z. B. Git-Commits, Dateispeicherungen und Testläufe. Erweitern Sie diese Ansicht, um eine Liste mit Schnappschüssen von Ereignissen anzuzeigen, die sich auf die aktuelle Datei beziehen. Hier geht es um das Speichern von Dateien, aber auch um Git-Commits, bei denen die Datei bereitgestellt wurde. Bewegen Sie den Mauszeiger über das Snapshot-Element, um das Datum und die Uhrzeit anzuzeigen , zu der VS Code den Snapshot erstellt hat. Wählen Sie ein Snapshot-Element aus, um eine Diff-Ansicht anzuzeigen, die die Änderungen zwischen der Datei zum Snapshot-Zeitpunkt und der aktuellen Datei zeigt.

2. Automatisches Speichern: nicht mehr Strg + S Können Sie zählen, wie oft Sie diese Verknüpfung verwendet haben? Wahrscheinlich tun Sie es jetzt unbewusst. Die Autosave-Funktion speichert Dateien automatisch , während wir an ihnen arbeiten, sodass kein manuelles Speichern erforderlich ist . Mit der automatischen Speicherung vermeiden wir die Strg + S-Ermüdung, sparen Zeit und gewinnen die Gewissheit, immer mit den neuesten Änderungen an den Dateien zu arbeiten. Es ist jedoch nicht perfekt und es liegt an Ihnen, die Vor- und Nachteile abzuwägen - die wir hier ausführlich behandeln . codingbeautydev.com Nicht automatisch speichern. Automatische Speicherung aktiviert - die Anzeige für nicht gespeicherte Daten wird nicht mehr angezeigt. Verwenden Sie Datei > Automatisch speichern, um die Funktion einfach zu aktivieren.

3. Machen Sie alles mit der Befehlspalette Fast alles, was Sie in VS Code tun, außer der Eingabe, ist ein „Befehl". Mit Befehlen können wir Aufgaben innerhalb des Editors erledigen . Dazu gehören dateibezogene Befehle, Navigationsbefehle, Bearbeitungsbefehle und Terminalbefehle, die jeweils optimal darauf ausgelegt sind, verschiedene Aspekte Ihres Bearbeitungserlebnisses zu verbessern. Mit der Befehlspalette suchen wir einfach nach einem Befehl und wählen die entsprechende Aktion aus. Um die Befehlspalette zu öffnen , verwenden Sie diese Tastenkombination: Windows/Linux:Ctrl + Shift + P Mac: Umschalt + Befehl + P

Wie Sie richtig vermutet haben, sind die Tastenkombinationen auf der rechten Seite eine schnellere Möglichkeit, die Befehle über die Tastatur auszuführen. Der Hauptvorteil der Befehlspalette gegenüber Verknüpfungen besteht darin, dass es einen Befehl ohne Verknüpfung gibt oder Sie nach einem Befehl suchen, von dem Sie nicht sicher sind, ob er existiert. 4. Gehen Sie schnell zur Datei Die Maus ist zu langsam. Ja, Sie können im Explorer-Bereich auf die Datei klicken, aber für eine viel schnellere Alternative können SieCtrl + P nach einer bestimmten Datei in Ihrem Projekt suchen und diese öffnen. Halten Sie gedrückt Ctrlund drücken Sie Tab, um durch die Liste der aktuell in einer Editor-Instanz geöffneten Dateien zu blättern. Sie können sogar Alt + Leftund verwenden Alt + Right, um schnell zwischen diesen geöffneten Dateien zu navigieren. All dies sind viel schnellere Möglichkeiten, zu einer Datei zu gelangen, als mit dem Cursor. 5. Gehen Sie schnell zur Schlange Springen, nicht scrollen. Das schnelle Navigieren zu einer Zeile ist beim Debuggen von unschätzbarem Wert , wenn bei bestimmten Zeilennummern Fehler auftreten müssen. Indem Sie zu diesen Zeilen springen, können Sie den Code in diesem bestimmten Kontext untersuchen, Variablen auswerten und das Problem beheben. Benutzen Sie dazu die Ctrl + GTastenkombination. 6. Zeile schnell löschen Sie sind jetzt bei der Zeile angelangt. Was ist, wenn Sie sie löschen möchten? Würden Sie ziehen und ziehen, um die Markierung hervorzuheben, und dann die Entf-Taste drücken? Wirst du unermüdlich die Rücktaste drücken, bis alle Zeichen verschwunden sind? Oder verwenden Sie die Ctrl + Shift + KVerknüpfung , um diese und Dutzende weiterer Zeilen in Sekundenschnelle zu löschen? 7. Viel Spaß beim Tippen mit sanftem Cursor VS Code has this smooth cursor feature that animates the cursor as it moves, like in MS Word. This makes typing feel more fluid and polished, as well as giving us a smoother and more natural feel as we navigate through the lines of code and place the cursor at different points. To turn it on, open Settings UI in the Command Palette and search for "smoot caret". We are looking for the Editor: Cursor Smooth Caret Animation setting, which has 3 possible options: off: No smooth cursor animation explicit: Only animates the cursor when we explicitly place it somewhere in the code. on: Smooth cursor animation is always enabled - including when typing.

Set it to on to get the full visual experience. 8. Format code rapidly Bei der Formatierung geht es darum, die Lesbarkeit des Codes zu verbessern , indem man ihn strukturiert und konsistent organisiert. Und wenn Sie dies manuell getan haben, müssen Sie wissen, dass es einen besseren Weg gibt. Ja, Sie müssen die Formatierung des Codes automatisch mit dem Format DocumentBefehl starten , der in der Befehlspalette leicht zugänglich ist. Abhängig von der Sprache der aktuellen Datei wird ein bestimmtes „Standard"-Formatierungsprogramm verwendet, um den Code mit verschiedenen Regeln für Einrückung, Zeilenlänge, Klammern usw. zu formatieren. Es gibt zwar einen ziemlich guten integrierten JS/TS-Formatierer, für eine robustere Lösung empfehle ich jedoch dringend die Prettier-Erweiterung . Nach der Installation legen Sie es als Standardformatierer fest. Wenn Sie die manuelle Speicherung anstelle der automatischen Speicherung verwenden, sollten Sie eine Funktion aktivieren, um die Formatierung etwas zu vereinfachen: Editor: Format On Save: „Formatieren Sie eine Datei beim Speichern. Ein Formatierungsprogramm muss verfügbar sein, die Datei darf nicht nach einer Verzögerung gespeichert werden und der Editor muss heruntergefahren werden." Es ist standardmäßig deaktiviert.

Wenn diese Einstellung aktiviert ist, formatiert VS Code Ihren Code automatisch mit dem aktuellen Standardformatierer, wenn Sie die Datei mit speichern Ctrl + S, wie Sie in der obigen Demo gesehen haben. Das automatische Speichern Format On Savefunktioniert nicht und es kann mühsam werden, die Befehlspalette ständig zu öffnen, wenn Sie ab und zu formatieren. Und dafür gibt es Tastaturkürzel: Windows: Umschalt + Alt + F Mac: Umschalt + Wahl + F Linux: Strg + Umschalt + I

Ich verwende Windows und persönlich gefällt mir diese Standard-Tastenkombination nicht. Durch die automatische Speicherung muss ich hin und wieder formatieren, und Umschalt + Alt + F wurde nach einer Weile zur Qual. Also habe ich es geändert inCtrl + D, Ctrl + D – einen Tastaturkürzel-Akkord, der viel einfacher zu drücken und zu merken ist und keine widersprüchlichen Tastenkombinationen aufweist. Ich empfehle Ihnen, dasselbe zu tun. 9. Sparen Sie Zeit mit der Bearbeitung mit mehreren Cursorn Einer der Wow-Momente in meinen frühesten Tagen mit VS Code: Die Bearbeitung mit mehreren Cursorn ermöglicht es Ihnen, mehrere Cursor an verschiedenen Punkten zu platzieren und denselben Text mehrmals zu löschen oder einzufügen. Dies beschleunigt die Bearbeitungszeit und steigert die Produktivität erheblich, da wir wiederkehrende Aufgaben durch die schnelle Codeerstellung effizient erledigen können . Beim Bearbeiten gibt es natürlich immer mindestens einen Cursor. Verwenden Sie Alt + Clickdiese Option, um weitere hinzuzufügen. Ctrl + Alt + DownSie können mit oder auch ganz einfach einen Cursor direkt über oder unter der aktuellen Zeile hinzufügen Ctrl + Alt + Up. Diese Tastenkombinationen führen jeweils die Befehle Add Cursor Aboveund aus Add Cursor Below. 10. Erstellen Sie schnell einen neuen Ordner/eine neue Datei Es gibt kein ernstes Projekt, bei dem wir nicht neue Ordner und Dateien erstellen, und wenn es eine Möglichkeit gäbe, die Datei-/Ordnererstellung zu beschleunigen , würde sich die gesamte eingesparte Zeit aufsummieren und uns einen erheblichen Produktivitätsschub bescheren . Wenn Sie in VS Code mit der Schaltfläche „Neue Datei und neuer Ordner" neue Dateien und Ordner erstellt haben, dann gibt es ja eine Möglichkeit. Ja, das musst du nicht tun. Wussten Sie, dass Sie, anstatt ständig die Maus zu bewegen, um diese kleinen Schaltflächen zu finden, einfach auf das Explorer-Bedienfeld doppelklicken können , um eine neue Datei zu erstellen? Wie wäre es mit einem neuen Ordner? Nun, Ordner sind nichts ohne Dateien, und wenn Sie eine neue Datei erstellen, können Sie das /Zeichen ganz einfach verwenden, um eine Hierarchie anzugeben und neue Ordner und Unterordner für die Datei zu erstellen. Der Ordner „utils" wird erstellt und enthält index.js. Noch effizienter wäre es, Tastaturkürzel zu verwenden , was ich getan habe. AAls ehemaliger Atom-Fan hatte ich mich schnell an die Verknüpfungen undShift + A zum Erstellen neuer Dateien bzw. Ordner gewöhnt ; Ich wusste, was ich tun musste. Da AundShift + A offensichtlich Schlüssel sind, mit denen wir programmieren, habe ich die whenWerte hier eingefügt, um sicherzustellen, dass sie nur dann eine neue Datei/einen neuen Ordner erstellen, wenn der Explorer-Bereich den Fokus hat und im aktuellen Editor kein aktiver Cursor vorhanden ist. Um diese Tastenkombinationen beim Tippen verwenden zu können, müssen Sie sich zunächst auf den Explorer-Bereich konzentrieren. Klicken Sie darauf oder verwenden Sie Ctrl/Command + Shift + E. Die zentralen Thesen Aktivieren Sie die lokale Quellcodeverwaltung mit der Zeitleistenansicht . Standardmäßig im Explorer-Bereich verfügbar. Dateien automatisch speichern mit File > Autosave. Führen Sie Befehle in der Befehlspalette mit Ctrl + Shift + Poder aus Shift + Command + P. Gehen Sie mit zu einer Datei , navigieren Sie mit oder Ctrl + Pzwischen geöffneten Dateien .Alt + Left/RightCtrl + Tab Gehen Sie zu einer Zeile mit Ctrl + G. Löschen Sie eine Zeile mit Ctrl + Shift + K. Ermöglichen Sie flüssiges Tippen mit Editor: Cursor Smooth Caret Animationder Einstellung. Formatieren Sie den Code mit dem Befehl „Dokument formatieren", verwenden Sie Prettier und ändern Sie die Verknüpfung in Ctrl + D, Ctrl + D. Verwenden Sie mehrere Cursor gleichzeitig mit Alt + Click. Ctrl + Alt + Up/DownFügt einen Cursor oben/unten hinzu. Verschieben Sie eine Zeile mit Alt/Wahl + Oben/Unten in Windows/Mac nach oben oder unten. Erstellen Sie eine neue Datei, indem Sie auf den Explorer-Bereich doppelklicken oder eine benutzerdefinierte Tastenkombination festlegen . Erstellen Sie eine neue Datei in einem neuen Ordner mit „ folder/file.ext ".

Sehen Sie sich die Dokumentation zu VS-Code-Tastenbindungen an , um mehr über Tastaturkürzel und deren Anpassung zu erfahren. Es enthält eine vollständige Liste aller Standard-VS-Code-Verknüpfungen in Ihrem Betriebssystem. Abschließende Gedanken Visual Studio Code ist mehr als nur ein Texteditor - es ist ein leistungsstarkes Tool, das, wenn es beherrscht wird, Ihre Produktivität erheblich steigern und Ihren Codierungsworkflow optimieren kann. Die zehn Tipps und Tricks, die wir untersucht haben, sind nur die Spitze des Eisbergs . Während Sie weiter durch VS Code navigieren, werden Sie unzählige weitere Funktionen und Verknüpfungen entdecken, die Ihr Codierungserlebnis weiter verbessern. Erforschen Sie also weiter, lernen Sie weiter und denken Sie daran: Der Schlüssel zu effizientem Codieren liegt nicht nur im Code selbst , sondern auch in den Tools, mit denen Sie ihn schreiben. Jede verrückte Sache, die JavaScript macht Gerade als Sie dachten, Sie wüssten alle Macken. Vermeiden Sie schmerzhafte Fehler und sparen Sie wertvolle Zeit mit „ Every Crazy Thing JavaScript Does", einem fesselnden Leitfaden zu den subtilen Vorbehalten und weniger bekannten Teilen von JavaScript. Holen Sie sich noch heute hier ein kostenloses Exemplar .

🌟 Eine Initiative, um die Web3-Bildung für die nächste Generation  zugänglicher zu machen. 🌟 🌟 Feel free to check out:  my.bio/blockliv3 Social Media: @blockliv3 E-Mail: blockliv3.nft@ud.me