Kapitel 04b: Umstieg & Installation von Visual Studio Code

1. Warum wechseln wir von Thonny zu VS Code?

Thonny war für den Einstieg super: Es ist schlank und man sieht Variablen sofort.

Aber ab jetzt werden unsere Projekte größer (mehrere Dateien, Klassen, Tests und Git). Visual Studio Code (VS Code) von Microsoft ist die weltweit beliebteste Entwicklungsumgebung für Python.

🏎️ Die 4 größten Vorteile von VS Code:

IntelliSense: Schlägt dir automatisch Methoden und Attribute vor (z.B. wenn du mein_auto. tippst).
Projekt-Explorer: Alle Dateien und Ordner deines Kurses auf einen Blick.
Integriertes Terminal: Skripte und Tests direkt im Editor mit Strg + ` ausführen.
Erweiterungen (Extensions): Fehler werden direkt farbig im Code markiert (Error Lens).

2. 📥 Schritt-für-Schritt Installationsanleitung

Wähle dein Betriebssystem aus und befolge die Schritte:

🪟 Anleitung für Windows 10 / 11

Gehe auf die offizielle Website: code.visualstudio.com und klicke auf den blauen Button "Download for Windows".
Starte die heruntergeladene Installationsdatei (VSCodeUserSetup-x64-...exe).
Akzeptiere die Lizenzvereinbarung und klicke auf Weiter.
⚠️ Sehr wichtig bei der Windows-Installation:
Setze im Schritt "Zusätzliche Aufgaben auswählen" unbedingt alle Haken:
- ✓ Aktion "Mit Code öffnen" zum Windows Explorer-Dateikontextmenü hinzufügen
- ✓ Aktion "Mit Code öffnen" zum Windows Explorer-Verzeichniskontextmenü hinzufügen
- ✓ Code als Editor für unterstützte Dateitypen registrieren
- ✓ Zu PATH hinzufügen (nach Neustart verfügbar)
Klicke auf Installieren und danach auf Fertigstellen (VS Code startet automatisch).

🍎 Anleitung für macOS (MacBook / iMac)

Gehe auf code.visualstudio.com und lade "Download for Mac" herunter (Universal).
Öffne deinen Downloads-Ordner und entpacke die .zip-Datei (falls nicht automatisch geschehen).
💡 Wichtig für Mac-Nutzer:
Ziehe die Datei Visual Studio Code aus dem Downloads-Ordner in deinen Ordner Programme (Applications)!
Öffne VS Code aus dem Programme-Ordner. (Falls eine Warnung erscheint: Klicke auf "Öffnen").

🐧 Anleitung für Linux (Ubuntu / Debian / Mint)

Lade das .deb-Paket von code.visualstudio.com herunter und doppelklicke darauf, oder installiere es direkt per Terminal:

sudo apt update && sudo apt install snapd
sudo snap install --classic code

🇩🇪 Sprache auf Deutsch umstellen (Optional):

Wenn du VS Code auf Deutsch haben möchtest:

Drücke Strg + Shift + P (Mac: Cmd + Shift + P).
Tippe: Configure Display Language und drücke Enter.
Wähle Deutsch (German) aus. VS Code startet kurz neu und ist komplett auf Deutsch!

3. 📁 Das Projekt in VS Code öffnen

⚠️ Grundregel: Immer "Ordner öffnen", nicht nur eine Datei!

In VS Code öffnet man immer den gesamten Hauptordner (Aufgaben-Python), damit alle Kapitel, Hilfsdateien und Tests auf einmal verknüpft sind.

Klicke oben im Menü auf Datei → Ordner öffnen... (Mac: File → Open Folder...).
Wähle deinen Ordner Aufgaben-Python aus und klicke auf Ordner auswählen.
Bestätige die Meldung "Vertrauen Sie den Autoren dieser Dateien?" mit Ja.

Jetzt siehst du links in der Leiste den gesamten Dateibaum aller Kapitel!

4. 🧩 Die wichtigsten Erweiterungen (Plugins)

Klicke ganz links in der Seitenleiste auf das Erweiterungs-Icon (die 4 Kacheln) oder drücke Strg + Shift + X (Mac: Cmd + Shift + X).

Suche nach den folgenden Namen und klicke jeweils auf Installieren (Install):

🐍

1. Python (von Microsoft)

Pflicht! Aktiviert Syntax-Hervorhebung, Code-Ausführung und IntelliSense.

⚡

2. Pylance (von Microsoft)

Macht die Autovervollständigung blitzschnell und warnt bei falschen Parametern.

🔍

3. Error Lens Must-Have!

Zeigt Fehler direkt farbig in der Codezeile an – du musst nicht lange suchen!

🎨

4. Material Icon Theme

Gibt allen Dateien im Explorer schöne, bunte Symbole (Python-Logo, HTML-Icon etc.).

💬

5. Better Comments

Färbt Kommentare ein: # TODO (orange), # ! (rot), # ? (blau).

🪄

6. Black Formatter

Formatiert Code beim Speichern (Strg+S) automatisch perfekt.

5. ⌨️ Tastenkombinationen (Shortcuts) für Profis

Aktion	Windows / Linux	macOS
💾 Datei speichern	`Strg` + `S`	`Cmd` + `S`
💻 Terminal öffnen / schließen	`Strg` + ` (oder `Strg` + `J`)	`Cmd` + ` (oder `Cmd` + `J`)
⚡ Command Palette (Befehle suchen)	`Strg` + `Shift` + `P`	`Cmd` + `Shift` + `P`
🪄 Code automatisch formatieren	`Alt` + `Shift` + `F`	`Option` + `Shift` + `F`
✨ Nächstes gleiches Wort markieren	`Strg` + `D`	`Cmd` + `D`
🚀 Skript direkt starten	`Strg` + `F5` (oder Play-Button ▶️)	`Cmd` + `F5`

6. 🧪 Dein Mitmach-Check in `vscode_test.py`

Öffne die Datei 04b_umstieg_vscode/vscode_test.py in VS Code und probiere die neuen Features aus:

Schritt 1: VS Code herunterladen, installieren und den Ordner Aufgaben-Python öffnen.
Schritt 2: Die Erweiterungen Python und Error Lens installieren.
Schritt 3: In vscode_test.py die Autovervollständigung (IntelliSense) ausprobieren (tesla. tippen).
Schritt 4: Das Terminal mit Strg + ` öffnen und mit python3 test_all.py deinen Kurs-Fortschritt prüfen!

🎉 Perfekt eingerichtet!

Du bist jetzt mit modernem Profi-Werkzeug ausgestattet und bereit für Kapitel 05 (Objekte kombinieren)!

🧠 Diagnostischer Selbst-Check

Überprüfe dein Verständnis der Kernkonzepte und typischen Denkfallen, bevor du den Code in der Web-IDE schreibst.