Code-Bearbeitung in Visual Studio Code
In diesem Visual Studio Code Tutorial behandeln wir, wie Sie ein kleines Stück Code bearbeiten und ausführen, einschließlich der unten aufgeführten Funktionen. Lesen Sie nach dem Ansehen dieser Übersicht im Abschnitt Zugehörige Ressourcen weiter, um weitere Funktionen kennenzulernen.
Hier ist das nächste Video, das wir empfehlen: Produktivitätstipps
Wählen Sie ein anderes Video aus der Liste: Einführungsvideos
Video-Übersicht
- Ordner öffnen.
- Datei > Ordner öffnen (Strg+K Strg+O)
- Verwenden Sie den Datei-Explorer, um die Dateien und Unterordner des Ordners anzuzeigen.
- Anzeigen > Explorer (⇧⌘E (Windows, Linux Ctrl+Shift+E))
- Installieren Sie die Node.js-Laufzeitumgebung, um JavaScript-Code auszuführen.
- Finden Sie Node.js für Ihre Plattform unter https://nodejs.org
- Überprüfen Sie Ihre Node.js-Installation.
- Geben Sie im Terminal oder in der Eingabeaufforderung Folgendes ein:
node --version
- Geben Sie im Terminal oder in der Eingabeaufforderung Folgendes ein:
- Neue Datei erstellen.
- Datei > Neue Datei (⌘N (Windows, Linux Ctrl+N))
- Erstellen Sie eine einfache "Hello world"-Konsolenanwendung namens
app.js. - IntelliSense bietet Vorschläge, während Sie tippen.
- Sourcecode automatisch formatieren.
- Befehl Dokument formatieren (⇧⌥F (Windows Shift+Alt+F, Linux Ctrl+Shift+I))
- Automatische Speicherung aktivieren.
- Datei > Automatische Speicherung
- Das integrierte Terminal anzeigen.
- Anzeigen > Terminal (⌃` (Windows, Linux Ctrl+`))
- Terminal teilen.
- Terminal teilen (⌘\ (Windows, Linux Ctrl+Shift+5))
- Neues Terminal erstellen.
- Neues Terminal erstellen (⌃⇧` (Windows, Linux Ctrl+Shift+`))
- Anwendung ausführen.
- Geben Sie im integrierten Terminal Folgendes ein:
node app.js
- Geben Sie im integrierten Terminal Folgendes ein:
Nächstes Video
- Produktivitätstipps - Werden Sie ein VS Code Power-User mit diesen Produktivitätstipps.
- Einführungsvideos - Die gesamte Liste der Videos durchsehen.
Verwandte Ressourcen
- Grundlegende Bearbeitung – Erfahren Sie mehr über den leistungsstarken VS Code-Editor.
- Code-Navigation – Schnelles Bewegen durch Ihren Quellcode.
- Emmet Snippets - Emmet Snippets verwenden.
- Aufgaben - Erstellen Sie Aufgaben, um externe Tools innerhalb von VS Code zu verwenden.
- JavaScript Linters - Installieren Sie Linters für JavaScript.
- Code Folding - Sehen Sie sich die Details des Sourcecode-Foldings an.
- Tipps und Tricks - Nützliche Tipps und Tricks für VS Code.