Kurz gesagt
VS Code (Visual Studio Code) ist ein kostenloser, weit verbreiteter Code-Editor, in dem du die Dateien deines Projekts schreibst, liest und organisierst. Es ist im Grunde ein leistungsfähiger Texteditor für Code, mit einem Datei-Explorer, einem eingebauten Terminal und einem Extension-Marktplatz. Du brauchst es nicht zwingend, um mit einem KI Agent zu bauen, aber es gibt dir einen bequemen Ort, um zu sehen, was der Agent tut, und um selbst kleine Änderungen zu machen.
VS Code installieren
Lade VS Code von der offiziellen Seite code.visualstudio.com herunter und starte den Installer für dein Betriebssystem. Es ist kostenlos und von Microsoft. Nach der Installation öffnest du ein Projekt über "Open Folder" und zeigst damit auf deinen Projektordner.
Das eingebaute Terminal
Eine der nützlichsten Funktionen für Anfänger ist das integrierte Terminal, damit du nicht zwischen Fenstern wechseln musst. Öffne es über das Menü (Terminal, dann New Terminal) und du bekommst ein Terminal, das bereits auf deinen Projektordner zeigt. Hier führst du Befehle wie "npm run dev" aus.
Ein paar Extensions, die sich lohnen
Extensions fügen VS Code Funktionen hinzu. Du brauchst zum Start nicht viele, und du kannst später jederzeit mehr hinzufügen.
- Prettier: formatiert deinen Code beim Speichern sauber und konsistent.
- ESLint: hebt wahrscheinliche Fehler hervor, während du arbeitest.
- Ein Language Pack, falls du die Menüs in deiner eigenen Sprache willst.
Häufige Anfänger-Verwirrungen
VS Code kann wegen all der Panels überwältigend aussehen, aber du brauchst anfangs nur drei: den Datei-Baum links, um dein Projekt zu sehen, den Editor in der Mitte, um Dateien zu lesen und zu ändern, und das Terminal unten, um Befehle auszuführen. Alles andere kannst du ignorieren, bis du es willst. Eine häufige Sorge ist, ob das Öffnen der falschen Datei oder eines Panels etwas kaputtmacht; tut es nicht, VS Code bearbeitet Dateien nur, wenn du tatsächlich tippst und speicherst. Zwei kleine Komforteinstellungen helfen früh sehr: Schalte Zeilenumbruch ein, damit lange Zeilen sichtbar bleiben, und aktiviere Format on Save, damit Prettier deinen Code bei jedem Speichern automatisch aufräumt.