Die besten VS Code Extensions, die du wirklich brauchst

Dreißig installierte Extensions sind ein Problem, keine Konfiguration. Jede einzelne verlängert den Startvorgang, verbraucht Arbeitsspeicher und kann sich mit anderen beißen. Die wirklich nützlichen lassen sich an zwei Händen abzählen, und viele Dinge, für die man vor Jahren eine Extension installieren musste, erledigt Visual Studio Code heute von selbst.

Bevor du etwas hinzufügst, schau dir an, was der Editor bereits kann: Formatierung beim Speichern, Umbenennen von Symbolen im gesamten Projekt, Git, Terminal, Suchen und Ersetzen mit regulären Ausdrücken, mehrere Cursor gleichzeitig, Markdown-Vorschau, Synchronisierung der Einstellungen, JavaScript-Debugging im Browser und farbige Klammerpaare. Für letzteres brauchst du seit ein paar Jahren weder Settings Sync noch Debugger for Chrome oder Bracket Pair Colorizer: Wenn du sie noch installiert hast, kannst du sie entfernen.

Extensions installierst du über das Panel Extensions (Strg + Umschalt + X): Such einfach nach dem Namen, klicke auf Installieren und meistens läuft es sofort. Fast alle sind kostenlos. Hier ist das Wesentliche, sortiert nach Funktionen.

Code-Qualität #

Prettier formatiert den Code nach gängigen Regeln: Schluss mit Diskussionen über Anführungszeichen, Semikolons oder Einrückungen. Du konfigurierst es einmal pro Projekt mit einer Datei .prettierrc und aktivierst Format On Save in den Einstellungen.

ESLint ist der Kontrolleur: Er zeigt dir echte Fehler und riskante Codiergewohnheiten an, während du schreibst – nicht erst, wenn das Programm abstürzt. Er muss auch als Paket im Projekt installiert werden; die Extension allein reicht nicht aus.

EditorConfig sorgt dafür, dass alle Editoren dieselben Basiseinstellungen nutzen (Einrückungstyp, Zeilenende, Kodierung) und ist unverzichtbar, wenn jemand in der Gruppe ein anderes Programm nutzt.

Mit diesen drei verschwindet ein Großteil der Stil-Unterschiede, die sonst die Code-Reviews aufblähen.

Künstliche Intelligenz #

GitHub Copilot ist mittlerweile in VS Code integriert: Er vervollständigt Zeilen beim Tippen, antwortet im Sideboard-Chat und kann im Agent-Modus Dateien eigenständig für dich bearbeiten. Seit 2024 gibt es einen kostenlosen Plan mit einer begrenzten Anzahl an Vervollständigungen und Nachrichten pro Monat, und 2025 hat Microsoft den Chat-Teil innerhalb des Editors als Open Source veröffentlicht.

Wenn du ein anderes Modell bevorzugst, gibt es die Extensions von Gemini Code Assist, Claude Code, Codex sowie Open-Source-Alternativen wie Continue, die sich auch mit Modellen auf deinem eigenen Rechner verbinden lassen. Tabnine, das in älteren Listen oft auftauchte, ist zwar noch da, hat aber an Boden verloren.

Zwei Warnungen: Der Code, den du an einen Assistenten sendest, landet auf den Servern des Anbieters – prüfe also bei Arbeitsprojekten, was deine Firma erlaubt. Und lies das, was er schreibt, immer nochmal nach: Er liegt oft sehr selbstbewusst falsch.

Git und Zusammenarbeit #

GitLens zeigt dir direkt neben dem Code an, wer wann welche Zeile geschrieben hat, und macht die Historie lesbar, ohne dass du den Editor verlassen musst. Wenn du an Code arbeitest, der von anderen geschrieben wurde, ist es eine der nützlichsten Extensions überhaupt. Einige Funktionen, wie der Commit Graph für private Repositories, sind in der Pro-Version enthalten.

Git Graph ist die kostenlose Alternative, wenn du nur den Graph aus Branches und Commits brauchst – genau das, was früher Git History gemacht hat.

Live Share ermöglicht es euch, gleichzeitig an derselben Datei zu arbeiten, jeder auf seinem eigenen Rechner, wobei auch Terminal und lokaler Server geteilt werden können. Um jemandem aus der Ferne zu helfen, funktioniert das besser als jede Screen-Sharing-Lösung.

GitLens Commit Graph in Visual Studio Code mit Commit- und Branch-Historie — Der GitLens Commit Graph zeigt die Branches und Commits des Projekts auf einen Blick an

Webentwicklung #

Live Server startet einen kleinen lokalen Server, der den Browser bei jedem Speichern neu lädt. Für statische Websites oder HTML/CSS-Übungen ist das der schnellste Weg.

Auto Rename Tag benennt das schließende Tag automatisch um, wenn du das öffnende änderst: Eine Kleinigkeit, die dir aber extrem viel Korrekturarbeit erspart.

Die Extensions deines Frameworks (React, Vue, Svelte, Astro) bieten spezifische Autovervollständigung und Diagnose-Tools. Installiere nur das Framework, das du auch wirklich nutzt; der Rest ist Ballast. Für React erstellt ES7+ React/Redux/React-Native Snippets eine Komponente mit nur wenigen Buchstaben, zum Beispiel rafce.

CSS Peek öffnet die CSS-Regel einer Klasse direkt aus dem HTML heraus, und der Editor zeigt dir Hex-Farbcodes bereits neben dem Wert an.

Thunder Client oder eine ähnliche Extension lässt dich API-Aufrufe direkt im Editor testen, ohne ein separates Programm öffnen zu müssen.

Sprachen und Umgebungen #

Hier gilt die Regel: Installiere nur das, was du wirklich nutzt:

Bereich	Empfohlene Extension
Python	Die offizielle Python-Extension mit Pylance
C und C++	Die C/C++-Extension von Microsoft oder clangd
Docker und Container	Container Tools (die Extension, die früher Docker hieß)
Arbeiten auf Remote-Servern	Remote - SSH, um so zu arbeiten, als wären die Dateien lokal
Datenbanken	Eine Client-Extension für die Datenbank, die du nutzt
Markdown	Markdown All in One, für Shortcuts, Inhaltsverzeichnisse und Vorschau
CSV-Dateien	Rainbow CSV, das die Spalten farblich markiert

Remote - SSH verdient ein paar extra Zeilen: Sie öffnet einen Ordner auf einem Remote-Rechner und lässt dich alle Funktionen des Editors – inklusive Terminal – so nutzen, als läge der Code auf deinem eigenen Computer. Wenn du auf Servern entwickelst, ist das ein Gamechanger. Mit WSL machst du dasselbe mit Linux unter Windows.

Visual Studio Code mit dem Remote - SSH Extension-Panel und Verbindung zu einem Remote-Server — Mit Remote - SSH arbeitet der Editor auf den Dateien des Servers, als wären sie lokal vorhanden

Um schnell mal ein Skript in einer beliebigen Sprache auszuprobieren, gibt es Code Runner, der es mit einem Klick startet. Praktisch für Übungen; für echte Projekte nutze das Terminal oder den Debugger.

Alltagserleichterungen #

Code Spell Checker markiert Tippfehler in Kommentaren, Strings und Variablennamen. Mit dem deutschen Wörterbuch kannst du ihn auch für Texte nutzen.

Error Lens zeigt die Fehlermeldung direkt neben der Zeile an, statt nur im unteren Panel: So liest du den Fehler genau dort, wo du gerade hinschaust.

Path Intellisense vervollständigt Dateipfade während des Tippens und reduziert Fehler bei relativen Verweisen.

Todo Tree sammelt alle Kommentare TODO und FIXME im Projekt in einer Ansicht, Bookmarks setzt Lesezeichen für Zeilen, die du oft brauchst, und Peacock färbt das Fenster für jedes Projekt anders ein – super praktisch, wenn du drei gleichzeitig offen hast.

Themes und Icons (wie vscode-icons oder Material Icon Theme) sind Geschmackssache und ändern nichts an der Funktionalität: Such dir eins aus und hör auf zu suchen.

Nutze Profile. Mit den Profilen in VS Code kannst du verschiedene Gruppen von Extensions für unterschiedliche Kontexte erstellen – zum Beispiel eines für Web, eines für Python und ein minimales zum Schreiben. Du wechselst einfach zwischen ihnen hin und her, ohne etwas deinstallieren zu müssen. So bleibt der Editor leichtgewichtig, ohne dass du auf Funktionen verzichten musst.

Extensions, die den Editor {#prestazioni} verlangsamen #

Wenn VS Code mehrere Sekunden zum Starten braucht, liegt das meistens an einer Extension.

Der Befehl Developer: Show Running Extensions aus der Befehlspalette (Strg + Umschalt + P) listet alle aktiven Extensions mit ihrer jeweiligen Aktivierungszeit auf: So findest du den Übeltäter in wenigen Sekunden.

Help: Start Extension Bisect geht noch schneller: Er deaktiviert nacheinander die Hälfte der Extensions, bis er diejenige gefunden hat, die das Problem verursacht.

VS Code Liste der laufenden Extensions mit der Aktivierungszeit jeder Extension — Die Liste sortiert die Extensions nach der Aktivierungszeit: Der Schuldige steht ganz oben

Vorsicht vor Kopien. Im Marketplace gibt es Extensions, deren Namen fast identisch mit bekannten sind – manchmal mit hinzugefügtem Code, der deine Dateien ausliest oder Anmeldedaten stiehlt. Das ist auch im Jahr 2025 schon mehrfach passiert. Prüfe vor der Installation, ob der Publisher das Verifizierungs-Häkchen hat, schau dir die Installationszahlen an und öffne den Link zum Repository des Projekts.

Wie viele sind genug #

Für Webentwickler ist eine sinnvolle Konfiguration mit acht Extensions erreicht: Prettier, ESLint, EditorConfig, GitLens, Live Server, das Framework-Plugin, Error Lens und Code Spell Checker. Füge Remote - SSH hinzu, wenn du auf Servern arbeitest, einen KI-Assistenten, falls du ihn brauchst, und die entsprechende Language Extension für alles andere außerhalb von Web.

Den Rest solltest du erst bewerten, wenn du ein konkretes Problem hast, nicht vorher. Die Extension, die man „nur mal eben installiert, weil sie vielleicht nützlich sein könnte“, ist diejenige, die in sechs Monaten den Start verzögert, ohne dass sich jemand daran erinnert, warum sie überhaupt da ist.

Häufig gestellte Fragen #

Machen Extensions Visual Studio Code langsam? #

Ja, und das lässt sich messen: Jede einzelne benötigt mehr Startzeit und Arbeitsspeicher. Der Unterschied zwischen zehn und vierzig Extensions fällt vor allem bei großen Projekten auf. Mit den integrierten Diagnose-Tools siehst du genau, wie viel jede Extension kostet.

Sind Extensions kostenlos? #

Fast alle ja, und viele sind Open Source. Einige bieten kostenpflichtige Funktionen an (GitLens Pro, Thunder Client für Teams), und KI-Assistenten haben oft Gratis-Tarife mit Limits sowie Abonnements für die intensive Nutzung.

Kann ich meine Extensions zwischen mehreren Computern synchronisieren? #

Ja, die Synchronisierung ist integriert: Du aktivierst sie über das Account-Icon unten links. Sie gleicht Extensions, Einstellungen, Tastenkombinationen und Themes auf allen Geräten ab, die mit demselben GitHub- oder Microsoft-Account angemeldet sind.

Machen Prettier und ESLint nicht dasselbe? #

Doch, sie werden zusammen verwendet. Prettier kümmert sich um das Layout (Leerzeichen, Zeilenumbrüche, Anführungszeichen) und ist rein ästhetisch. ESLint prüft den Inhalt: ungenutzte Variablen, riskante Vergleiche oder wiederkehrende Logikfehler. Mit der richtigen Konfiguration eslint-config-prettier widersprechen sie sich nicht.

Braucht man eine Extension für die Arbeit mit Git? #

Nein, die täglichen Aufgaben erledigt der Editor bereits von selbst. GitLens liefert jedoch den Kontext (wer hat was wann und warum geschrieben), was bei Projekten mit langer Historie oder vielen Mitwirkenden extrem wertvoll ist.

Woher weiß ich, ob eine Extension sicher ist? #

Prüfe, ob der Publisher verifiziert ist, schau dir die Installationszahlen und Bewertungen an und öffiere das Repository, um zu sehen, ob das Projekt aktiv gepflegt wird. Sei skeptisch bei Extensions mit fast identischen Namen wie bekannten Tools oder solchen, die erst vor kurzem veröffentlicht wurden und keine Historie haben.