Bevor du deine erste Zeile Code schreibst, brauchst du eine funktionierende Entwicklungsumgebung. Dieser Guide zeigt dir, wie du Visual Studio Code (VS Code) installierst, die wichtigsten Erweiterungen einrichtest und die Terminal-Grundbefehle lernst, die du für den Alltag als Entwickler brauchst.
Inhaltsverzeichnis
Was ist eine Entwicklungsumgebung?
Eine Entwicklungsumgebung (IDE oder Editor plus Werkzeuge) ist die Software-Werkbank, in der du Code schreibst, testest und ausführst. Im Kern brauchst du dafür meist nur zwei Dinge: einen guten Code-Editor und ein Terminal, mit dem du Programme startest, Dateien verwaltest und Werkzeuge steuerst. VS Code kombiniert beides in einer Anwendung und ist kostenlos, plattformübergreifend und mit Abstand der meistgenutzte Editor unter Entwicklerinnen und Entwicklern weltweit.
VS Code installieren (Windows/Mac/Linux)
Die Installation ist auf allen Plattformen unkompliziert:
- Windows: Installer von code.visualstudio.com herunterladen, ausführen, bei der Installation die Option “Zu PATH hinzufügen” aktiviert lassen – damit du VS Code später auch aus dem Terminal heraus starten kannst.
- macOS: ZIP-Datei herunterladen, VS Code in den Anwendungsordner ziehen, anschließend über die Befehlspalette (Cmd+Shift+P) den Befehl “Shell Command: Install ‘code’ command in PATH” ausführen.
- Linux: .deb-Paket (Debian/Ubuntu) oder .rpm-Paket (Fedora/RHEL) von der offiziellen Seite laden, oder über den Paketmanager der Distribution installieren.
Nach der Installation startest du VS Code einmal, um zu prüfen, dass alles funktioniert – ein leeres Fenster mit Seitenleiste links ist das erwartete Ergebnis.
Die wichtigsten Erweiterungen für Einsteiger
VS Code ist im Grundzustand bewusst schlank gehalten. Über die Erweiterungs-Ansicht (Symbol mit vier Quadraten in der Seitenleiste, oder Strg+Shift+X) installierst du gezielt, was du brauchst:
- Prettier – Code formatter: Formatiert deinen Code automatisch nach einheitlichen Regeln, spart Diskussionen über Formatierung.
- ESLint: Findet Fehler und Stilprobleme in JavaScript/TypeScript-Code, bevor du ihn ausführst.
- Python (von Microsoft): Syntax-Highlighting, Autovervollständigung und Debugging für Python-Projekte.
- GitLens: Zeigt direkt im Editor, wer welche Codezeile wann geändert hat – nützlich sobald du mit Git arbeitest.
- Live Server: Startet einen lokalen Webserver mit automatischem Neuladen bei jeder Speicherung – ideal für HTML/CSS-Einsteiger.
Installiere nur, was du gerade brauchst – zu viele aktive Erweiterungen verlangsamen den Start unnötig.
Das Terminal: Was ist das überhaupt?
Das Terminal (auch Kommandozeile oder Shell genannt) ist eine textbasierte Schnittstelle zu deinem Betriebssystem. Statt mit der Maus zu klicken, tippst du Befehle ein. Das wirkt zu Anfang ungewohnt, ist aber für Entwickler unverzichtbar: Programme installieren, Projekte starten, Dateien in Massen verarbeiten, Versionskontrolle mit Git – all das läuft im Alltag meist über das Terminal. VS Code hat ein integriertes Terminal (Menü “Terminal” > “Neues Terminal” oder Strg+Ö/Strg+`), sodass du Editor und Kommandozeile nie verlassen musst.
Terminal-Grundbefehle: cd, ls/dir, mkdir und mehr
Diese Handvoll Befehle deckt schon 90% des Alltags ab (Linux/macOS-Syntax, Windows-Abweichungen in Klammern):
pwd– zeigt den aktuellen Ordner (Windows:cdohne Argument)ls– listet Dateien und Ordner im aktuellen Verzeichnis auf (Windows:dir)cd ordnername– wechselt in einen Unterordner (“change directory”)cd ..– wechselt eine Ebene nach obenmkdir neuer-ordner– erstellt einen neuen Ordner (“make directory”)touch datei.txt– erstellt eine leere Datei (Windows:type nul > datei.txt)rm datei.txt– löscht eine Datei (Windows:del datei.txt) – Vorsicht, meist ohne Papierkorb!clear– leert die Terminal-Ansicht (Windows:cls)
Tipp: Die Tabulatortaste vervollständigt Datei- und Ordnernamen automatisch – tippe die ersten Buchstaben und drücke Tab, statt alles per Hand zu tippen.
VS Code und Terminal zusammen nutzen
Der typische Arbeitsablauf sieht so aus: Du öffnest einen Projektordner in VS Code (“Datei” > “Ordner öffnen”), öffnest das integrierte Terminal, das automatisch im richtigen Verzeichnis startet, und führst dort Befehle aus – zum Beispiel ein Python-Skript mit python datei.py oder einen lokalen Webserver mit einer Erweiterung wie Live Server per Klick. So bleibt der gesamte Workflow in einem Fenster, ohne zwischen Anwendungen zu wechseln.
Erste Schritte: Dein erstes Projekt
Zum Ausprobieren: Erstelle über das Terminal einen neuen Ordner (mkdir mein-erstes-projekt), wechsle hinein (cd mein-erstes-projekt), öffne ihn in VS Code (code .), und lege eine Datei index.html an. Schreib etwas einfaches HTML hinein, installiere die Live-Server-Erweiterung und klicke unten rechts auf “Go Live” – dein erstes lokales Webprojekt läuft im Browser, mit automatischem Neuladen bei jeder Änderung.
Nächste Schritte
Mit eingerichteter Entwicklungsumgebung bist du startklar für echten Code. Falls du noch unsicher bist, welche Sprache du zuerst lernen solltest, lies unseren Einsteiger-Vergleich der Programmiersprachen. Für den Einstieg in die Webentwicklung empfehlen wir unsere Serie zu HTML-Grundlagen und CSS-Grundlagen. Und wenn dich interessiert, was beim Laden einer Webseite technisch im Hintergrund passiert, lies Wie funktioniert das Web? Browser, Server und HTTP einfach erklärt.
Häufig gestellte Fragen
Welchen Code-Editor sollte ich als Einsteiger verwenden?
Visual Studio Code (VS Code) ist die empfohlene Wahl für Einsteiger: kostenlos, plattformübergreifend, riesige Erweiterungs-Bibliothek und die mit Abstand größte Community.
Muss ich das Terminal wirklich benutzen?
Ja, langfristig ist das Terminal unverzichtbar für Softwareinstallation, Projektverwaltung und Versionskontrolle mit Git. Die Grundbefehle lernst du aber in wenigen Minuten.
Welche VS-Code-Erweiterungen brauche ich wirklich am Anfang?
Starte minimal: Prettier für Formatierung und eine sprachspezifische Erweiterung (z. B. Python von Microsoft). Weitere Erweiterungen kannst du nach Bedarf ergänzen.
Was ist der Unterschied zwischen Terminal und Kommandozeile?
In der Praxis werden die Begriffe meist synonym verwendet. Streng genommen ist das Terminal das Programmfenster, die Shell (z. B. Bash oder PowerShell) die Software, die deine Befehle interpretiert.
Wie starte ich mein erstes Projekt in VS Code?
Erstelle einen Ordner über das Terminal, öffne ihn mit dem Befehl code . in VS Code, und lege eine erste Datei an — zum Beispiel eine index.html für ein Webprojekt.
