VS Code Editor installieren · Code mit Martin

Wir installieren das Programm, in dem du deinen Code schreibst. Es ist kostenlos, und selbst Profis nutzen es.

Was ist VS Code, und warum genau dieser

Visual Studio Code (alle sagen kurz VS Code) ist ein Editor – ein Programm zum Schreiben von Code. Stell dir Word vor, aber für Programmierer: Er färbt deinen Code ein, gibt dir Tipps und zeigt Fehler. Er ist komplett kostenlos, und Leute in den größten Firmen der Welt nutzen ihn, um Websites zu bauen. Lerne ihn jetzt – er begleitet dich fürs Leben.

⚠️

Installiere ihn in Begleitung eines Erwachsenen. Lass einen Elternteil dabei sitzen – die Installation selbst ist sicher, aber es ist gut, wenn sie wissen, was auf den Computer kommt.

Installation unter Windows

Öffne code.visualstudio.com und klicke auf den großen blauen Button Download for Windows.
Sobald die Datei heruntergeladen ist, klicke darauf (findest du in der Taskleiste unten oder im Ordner Downloads).
Akzeptiere die Lizenz (Häkchen bei I accept the agreement), dann einfach weiter mit Next. Beim Schritt Select Additional Tasks setze Create a desktop icon, damit du ein Symbol auf dem Desktop hast.
Klicke Install und warte. Zum Schluss Finish – VS Code öffnet sich.

Installation auf dem Mac

Öffne code.visualstudio.com und klicke Download for macOS.
Sobald die Datei heruntergeladen ist, finde sie im Ordner Downloads. Wenn es eine .zip-Datei ist, doppelklicke, um sie zu entpacken.
Ein blaues Visual Studio Code-Symbol erscheint. Ziehe es in den Ordner Applications. Fertig, installiert.
Öffne den Applications-Ordner und doppelklicke Visual Studio Code. Beim ersten Mal fragt dein Mac, ob du es wirklich öffnen willst – klicke Open.

VS Code kennenlernen

VS Code spricht viele Sprachen – schauen wir uns kurz um und machen uns vertraut:

In der linken Seitenleiste klicke auf das Symbol, das wie übereinander gestapelte Quadrate aussieht (Extensions). Es sieht aus wie vier kleine Blöcke.
In das Suchfeld oben tippe Prettier (oder einen Theme-Namen, den du magst, wie Dracula oder Night Owl).
Wähle etwas, das dir gefällt, und klicke daneben auf Install.
Unten rechts kann ein kleines Fenster aufpoppen – folge den Vorschlägen. VS Code wendet deine Wahl sofort an.

✅

Kontrolliere dich selbst: VS Code öffnet sich und sieht einsatzbereit aus, mit dem Menü oben (File, Edit, Selection…). Wenn ja – alles bereit, deine Werkstatt steht!

Das nimmst du aus dieser Lektion mit

VS Code ist ein kostenloser Code-Editor – dein Hauptwerkzeug für die ganze Reise.
Du hast ihn gerade installiert und die Grundlagen kennengelernt.
Du installierst ihn nur einmal. Ab jetzt geht es ums Programmieren.