10 wichtige Tipps zur Produktivität für Visual Studio-Code

Visual Studio Code ist der beste Programmier-Editor. Es hat Sublime Text als meinen bevorzugten Codeeditor ersetzt und ich komme nie wieder zurück. Es ist eine Electron-basierte JavaScript-App (wie Atom, ein anderer hochgelobter Texteditor), aber es ist blitzschnell und leidet nicht unter Leistungsproblemen wie die meisten JavaScript-Apps.

Und falls Sie sich gefragt haben, ja: VS-Code ist Open Source und auf GitHub 10 verfügbar. Kostenlose Open Source Windows-Tools, die auf GitHub 10 gehostet werden. Freie Open Source Windows-Tools, die auf GitHub gehostet werden. Um diesen Erfolg zu feiern, haben wir eine Liste der besten kostenlosen Windows-Tools zusammengestellt, die Sie von GitHub herunterladen können. Weiterlesen . Wenn ich Ihnen vor zehn Jahren gesagt hätte, dass Microsoft Open-Source-Software verwenden würde, hätten Sie gelacht. Schau, wie weit wir gekommen sind!

Wie auch immer, lass uns anfangen. Im Folgenden finden Sie einige wichtige Tipps für Visual Studio Code, die Sie erlernen sollten, wenn Sie Ihre Produktivität und Ihren Workflow auf die nächste Stufe steigern möchten.

1. Beherrschen Sie die Befehlspalette in VS-Code

Ähnlich wie Sublime Text (und TextMate davor) hat VS Code etwas namens a Befehlsleiste. Mit dieser Funktion können Sie auf verschiedene Befehle zugreifen, indem Sie sie einfach eingeben und müssen nicht mit der Maus durch Menüs navigieren.

Sie können die Befehlspalette mit der Strg + Umschalttaste + P Tastaturkürzel. Geben Sie einfach ein, was Sie tun möchten (z. “schließen”) und die Optionen werden in Echtzeit aktualisiert. Einige Befehle sind kategorisiert (z. “Datei”, Git”, “Terminal”, usw.), damit Sie Befehle finden können, die Sie scheinbar nicht finden können.

2. Legen Sie einen Arbeitsprojektordner fest

Wenn Sie auf klicken Forscher In der Navigationsleiste wird ein neues Unterfenster geöffnet. Dieses Subpanel ist in zwei Abschnitte unterteilt: Open Editors (d. H. Aktuell geöffnete Dateien und Dokumente) und No Folder Opened. Letzteres interessiert uns.

Klicken Ordner öffnen (oder Sie können zu navigieren Datei> Ordner öffnen in der Menüleiste) und wählen Sie einen beliebigen Ordner auf Ihrem System. Dadurch wird dieser Ordner als VS in VS Code geladen “aktuelles Arbeitsprojekt”, So haben Sie einfachen Zugriff auf alle Dateien und Unterordner, sodass Sie nicht ständig zum Datei-Explorer wechseln müssen.

3. Mehrere Dateien gleichzeitig anzeigen

Die meisten modernen Texteditoren können mehrere Dateien gleichzeitig unterstützen, sodass Sie über eine Art tab-basiertes Interface zwischen geöffneten Dateien wechseln können. Fortgeschrittene Texteditoren unterstützen möglicherweise sogar die parallele Textbearbeitung, die von VS Code ausgeführt wird (wenn auch nur horizontal)..

Side-by-Side-Editing ist jedoch auf kleineren Bildschirmen schwierig, egal ob auf einem Laptop oder einem älteren Monitor - und hier zeigt sich VS Code.

Es hat etwas gerufen dynamische Panels, Wenn eines der geöffneten Dokumentfenster zu schmal ist, wird es automatisch breiter, wenn Sie das Dokument aktivieren (d. h. den Cursor dort positionieren). Wenn Sie immer noch eine Auflösung nahe 720p verwenden, werden Sie diese Funktion lieben.

4. Mehrere Zeilen gleichzeitig bearbeiten

Wenn Sie in einem Dokument mehrere Textinstanzen einfügen oder löschen müssen, müssen Sie nur noch erstellen mehrere Cursor. Sie können dies tun, indem Sie gedrückt halten Alt (oder Möglichkeit auf Mac) und klicken Sie irgendwo in den Text. Jeder Klick erzeugt einen neuen Cursor.

Dies ist besonders nützlich für Dinge wie HTML, wo Sie möglicherweise mehrere Instanzen derselben Klasse hinzufügen oder das Format mehrerer Hyperlinks ändern möchten. Lerne es und liebe es.

5. Gehe zu Definition

Beim Programmieren oder Scripting stoßen Sie oft auf Variablen oder Methoden, die Sie nicht kennen. Also, was machst du? Sie könnten einige Minuten damit verbringen, nach der richtigen Datei zu suchen, oder Sie können die Variable / Methode mit dem Cursor auswählen und drücken F12 sofort zu seiner Definition springen.

Oder Sie können das verwenden Alt + F12 Über die Tastenkombination können Sie einfach in die Definition schauen, wodurch die Definition direkt in der Zeile angezeigt wird, in der sich der Cursor befindet, anstatt die Quelldatei zu öffnen.

Um in die entgegengesetzte Richtung zu gehen, können Sie eine definierte Variable / Methode auswählen und die Umschalt + F12 Tastenkombination, um alle Verweise darauf zu finden. Dies wird auch am Cursor angezeigt.

Damit diese Funktionen funktionieren, müssen Sie sicherstellen, dass der richtige Ordner als Ordner geöffnet ist “aktuelles Arbeitsprojekt” (siehe Tipp 2).

6. Alle Vorkommen umbenennen

Refactoring ist ein notwendiger Aspekt beim Schreiben und Verwalten von sauberem Code. 10 Tipps zum Schreiben von Cleaner und besserem Code. 10 Tipps zum Schreiben von Cleaner und besserem Code. Das Schreiben von sauberem Code wirkt zwar einfacher als er tatsächlich ist, aber die Vorteile sind es wert. So können Sie heute saubereren Code schreiben. Lesen Sie mehr, aber es kann durchaus Kopfschmerzen sein - besonders wenn Sie ein großes Modul oder einen sonst so großen Code-Code umgestalten. Anstatt Dutzende von Dateien zu durchsuchen, nur um eine Variable oder Methode umzubenennen, lassen Sie VS Code dies für Sie tun.

Wenn Sie eine Variable / Methode auswählen und auf klicken F2, Sie können den Namen bearbeiten, und jede Instanz des Namens dieser Variablen wird im gesamten aktuellen Arbeitsprojekt geändert.

Wenn Sie nur die aktuelle Datei ändern möchten, verwenden Sie die Strg + F2 Die Tastenkombination und der VS-Code erzeugen bei jeder Instanz in der aktuellen Datei einen Cursor.

7. Suchen Sie in vielen Dateien

Wenn Sie mit Dateien arbeiten, die kein Quellcode sind, sind die oben genannten Symbolsuchfunktionen (in Tipp 5) nicht verwendbar. Was können Sie also tun, wenn Sie einen Satz oder ein Wort finden müssen, aber nicht wissen, in welcher Datei es sich befindet? Du gehst zurück zur Grundausstattung finden Funktion.

Strg + F können Sie innerhalb der aktuellen Datei suchen, während Strg + Umschalt + F Ermöglicht die Suche in allen Dateien des gesamten aktuellen Arbeitsprojekts, einschließlich aller Unterordner.

8. Verwenden Sie die Befehlszeile in VS Code

VS Code kommt mit einem integriertes Terminal. Unter Windows wird dieses Terminal als Eingabeaufforderung angezeigt. Unter Mac und Linux wird es als Bash-Eingabeaufforderung angezeigt. In beiden Fällen startet das Terminal im Verzeichnis des aktuellen Arbeitsprojekts (wenn eines geladen ist) oder in Ihrem Basisordner (wenn kein Projekt geladen ist)..

Es unterstützt auch die Möglichkeit, mehrere separate Terminals zu haben. Klicken Sie einfach auf + oben rechts, um weitere Terminalinstanzen zu erzeugen, oder klicken Sie auf die Schaltfläche Mülleimer um das aktuelle Terminal zu schließen. Das Dropdown-Menü erleichtert das Wechseln zwischen ihnen (und verschwendet nicht so viel Bildschirmfläche wie eine tabulatorbasierte Oberfläche)..

9. Installieren Sie ein neues Design in VS Code

Wie zu erwarten, können Sie mit VS Code die Syntax-Hervorhebung von Text und Quellcode gestalten. Leider kann das Interface selbst nicht bedient werden, aber das Hervorheben der Syntax ist das wichtigste. Sie wären überrascht, wie sehr ein gutes Thema Ihre Produktivität steigern kann.

Sie können neue Themen auf dem VS Code Marketplace (sie sind kostenlos) oder direkt in VS Code suchen.

10. Installieren Sie Erweiterungen von Drittanbietern in VS Code

Das letzte wichtige Feature, das hervorgehoben werden soll, ist die Erweiterbarkeit von VS Code Through Erweiterungen von Drittanbietern. Wie bei Themes können Sie sie auf dem VS Code Marketplace finden (ja, diese sind ebenfalls kostenlos) oder Sie können sie in VS Code suchen. Rufen Sie das Erweiterungsfenster mit der Strg + Umschalt + X Tastaturkürzel.

Erweiterungen sind der Schlüssel zur Maximierung Ihrer Produktivität. Hier finden Sie alle Arten von Werkzeugen, wie Linters, Debugger, Snippets, Verbesserungen der Lebensqualität von VS Code selbst, Build-Tools und sogar eines, das die Vim-Emulation implementiert. Die 7 wichtigsten Gründe, dem Vim-Texteditor eine Chance zu geben Die 7 wichtigsten Gründe, dem Vim-Texteditor eine Chance zu geben Ich habe jahrelang einen Texteditor nach dem anderen versucht. Sie nennen es, ich habe es versucht. Ich habe jeden einzelnen dieser Redakteure über zwei Monate lang als Haupteditor für den täglichen Gebrauch verwendet. Irgendwie habe ich… Weiterlesen .

Visual Studio Code ist der beste Texteditor

So sehr ich es auch liebe, ich gebe als erster zu, dass VS Code nicht für jedermann perfekt ist - nichts ist es - und es ist möglicherweise nicht das, wonach Sie suchen. Oder vielleicht ist es genau das, was Sie brauchen!

Probieren Sie es aus und gehen Sie aufgeschlossen ein. Ich denke, Sie werden überrascht sein, was Sie finden. Beachten Sie, dass VS Code nur ein Texteditor ist, keine IDE! (Weitere Informationen zu den Unterschieden zwischen Texteditoren und IDEs Texteditoren im Vergleich zu IDEs: Welche ist für Programmierer besser geeignet? Texteditoren vs. IDEs: Welche ist für Programmierer besser? Die Wahl zwischen einer fortgeschrittenen IDE und einem einfacheren Texteditor kann schwierig sein Wir bieten einige Einblicke, um Ihnen bei dieser Entscheidung zu helfen. Weitere Informationen.)

Erfahren Sie mehr über: Programmierung, Texteditor, Visual Studio Code.