Visual Studio Code unter Windows 11 installieren und für ChatGPT & Claude einrichten

17. Juli 2026 Author Programmierung 0

Warum überhaupt Visual Studio Code?

Wer heute mit KI programmiert, sollte nicht mehr direkt im Browser oder mit ZIP-Dateien arbeiten.

Visual Studio Code (kurz VS Code) ist kostenlos, schnell und gehört inzwischen zum Standard bei der Softwareentwicklung.

Der große Vorteil:

  • ChatGPT erzeugt Code.
  • Claude analysiert und verbessert ihn.
  • VS Code verwaltet alle Dateien übersichtlich.
  • Änderungen lassen sich sofort testen.

Dadurch entfällt das ständige Herunterladen, Entpacken und erneute Hochladen von ZIP-Dateien.

Schritt 1: Visual Studio Code herunterladen

Lade VS Code ausschließlich von der offiziellen Microsoft-Webseite herunter. Klicke auf

Download for Windows

und starte anschließend die heruntergeladene Installationsdatei.

User Installer oder System Installer – welcher ist der richtige?

Auf der Download-Seite von Visual Studio Code werden meist zwei Varianten angeboten: User Installer und System Installer. Viele Einsteiger wissen nicht, welchen sie wählen sollen.

Für einen privaten Windows-11-PC ist der System Installer die beste Wahl. Er installiert VS Code einmal für den gesamten Computer, arbeitet zuverlässiger und entspricht der Standardinstallation, die auch die meisten Entwickler verwenden.

Der User Installer ist hauptsächlich für Firmenrechner gedacht, auf denen Benutzer keine Administratorrechte besitzen. Er installiert VS Code nur für das aktuelle Benutzerkonto.

Kurz gesagt:
👉 Privater PC mit Administratorrechten → System Installer
👉 Firmen-PC ohne Administratorrechte → User Installer

Schritt 2: Installation

Während der Installation solltest du folgende Optionen aktivieren:

✔ „Code zu PATH hinzufügen“

✔ „Mit Code öffnen“

✔ „Im Explorer-Kontextmenü anzeigen“

✔ „Als Standardeditor registrieren“

Diese Optionen erleichtern später die tägliche Arbeit erheblich.

Danach auf

Installieren

klicken.

Die Installation dauert meist weniger als eine Minute.

Schritt 3: VS Code starten

Nach dem ersten Start erscheint eine recht leere Oberfläche.

Das ist völlig normal.

Im Wesentlichen besteht VS Code aus vier Bereichen:

  • Explorer (Dateien)
  • Suche
  • Quellcode
  • Terminal

Mehr braucht man anfangs nicht.

Schritt 4: Sprache auf Deutsch umstellen

Standardmäßig startet VS Code häufig auf Englisch.

Links auf das Symbol

Extensions

klicken.

Nach

German Language Pack

suchen.

Installieren.

VS Code anschließend neu starten.

Jetzt ist die komplette Oberfläche deutsch.

Schritt 5: Eigenen Projektordner anlegen

Erstelle beispielsweise

C:\Projekte

Darin später einzelne Unterordner:

WordPress-Plugin

Python

Webseiten

HTML-Test

Experimente

Dadurch bleibt alles sauber getrennt.

Schritt 6: Projekt öffnen

In VS Code

Datei

→ Ordner öffnen

und beispielsweise

C:\Projekte\WordPress-Plugin

auswählen.

Jetzt erscheinen links alle Dateien des Projekts.

Schritt 7: Automatisches Speichern aktivieren

Datei

→ Automatisches Speichern

aktivieren.

Dadurch gehen Änderungen praktisch nie verloren.

Schritt 8: Das integrierte Terminal

Über

Terminal

→ Neues Terminal

öffnet sich eine Eingabeaufforderung direkt im Projekt.

Das spart später viel Zeit.

Schritt 9: Git installieren (empfohlen)

Auch wenn man Git zunächst nicht aktiv nutzt, sollte es installiert werden.

Download:

https://git-scm.com

Während der Installation können fast alle Standardoptionen übernommen werden.

VS Code erkennt Git anschließend automatisch.

Vorteile:

  • Änderungen nachvollziehen
  • Alte Versionen wiederherstellen
  • Zusammenarbeit mit anderen Entwicklern

Schritt 10: Wichtige Erweiterungen installieren

Links auf Extensions klicken.

Folgende Erweiterungen lohnen sich besonders:

PHP Intelephense

Für WordPress-Plugins praktisch Pflicht.

Funktionen:

  • Fehler markieren
  • Autovervollständigung
  • Funktionen finden

Error Lens

Zeigt Fehler direkt im Quellcode an.

Man muss sie nicht erst suchen.

Prettier

Formatiert HTML, CSS und JavaScript automatisch sauber.

EditorConfig

Sorgt dafür, dass alle Dateien einheitlich formatiert werden.

Markdown All in One

Ideal für Dokumentationen und Anforderungskataloge.

Path Intellisense

Erleichtert das Einfügen von Dateipfaden.

Schritt 11: Einstellungen anpassen

Unter

Datei

→ Einstellungen

empfehlen sich folgende Optionen:

Automatisches Speichern

✔ EIN

Zeilennummern

✔ EIN

Minimap

✔ AUS (mehr Platz)

Tabulatorgröße

4

Word Wrap

EIN

Cursor Blinken

Solid

Schritt 12: Schriftart

Viele Entwickler verwenden

Cascadia Code

oder

JetBrains Mono

Beide sind kostenlos.

Sie verbessern die Lesbarkeit deutlich.

Schritt 13: Farbdesign

Unter

Datei

→ Einstellungen

→ Design

empfehlen sich beispielsweise

Dark Modern

oder

Light Modern.

Schritt 14: Typischer Arbeitsablauf mit KI

Der große Vorteil von VS Code:

  1. ChatGPT erstellt neue Funktionen.
  2. Claude prüft Architektur und Logik.
  3. VS Code zeigt sofort alle Dateien.
  4. Änderungen werden gespeichert.
  5. Fehler werden direkt markiert.
  6. Anschließend wird getestet.

So arbeitet man deutlich schneller als mit ZIP-Dateien.

Schritt 15: Projektstruktur sauber halten

Für WordPress-Projekte empfiehlt sich beispielsweise:

WordPress-Plugin
│
├── admin
├── assets
│   ├── css
│   ├── js
│   └── images
├── includes
├── languages
├── templates
├── uninstall.php
├── plugin.php
└── readme.txt

Dadurch bleibt auch ein großes Projekt übersichtlich.

Schritt 16: Backup nicht vergessen

Lege den gesamten Ordner

C:\Projekte

regelmäßig auf einer zweiten Festplatte oder in einem Cloudspeicher ab.

Ein Backup kostet wenige Minuten und kann viele Stunden Arbeit retten.

Fazit

Visual Studio Code ist kostenlos, leistungsfähig und inzwischen die Standardumgebung für Entwickler.

In Kombination mit ChatGPT und Claude entsteht ein sehr produktiver Arbeitsablauf:

  • ChatGPT entwickelt neue Funktionen und schreibt Code.
  • Claude analysiert, überprüft und verbessert die Architektur.
  • VS Code dient als zentrale Arbeitsumgebung für alle Dateien und Projekte.

Gerade bei WordPress-Plugins, Python-Projekten und Webentwicklung spart diese Kombination viel Zeit und vermeidet Fehler, die beim ständigen Austausch von ZIP-Dateien entstehen.