Visual Studio Code ist der weltweit beliebteste Code-Editor und wird laut Stack Overflow 2026 von über 74 % der Entwickler verwendet. Dieses Handbuch behandelt die wesentlichen Erweiterungen, Tastenkombinationen, Einstellungen und Workflows, die VS Code zu einer leistungsstarken IDE für jede Sprache oder jedes Framework machen.
📋 Table of Contents
Grundlegende Einstellungen (settings.json)
{
"editor.fontFamily": "'JetBrains Mono', 'Fira Code', monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.6,
"editor.tabSize": 2,
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.rulers": [80, 120],
"editor.minimap.enabled": false,
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": true,
"editor.inlineSuggest.enabled": true,
"editor.suggestSelection": "first",
"editor.quickSuggestions": {
"other": "on",
"comments": "on",
"strings": "on"
},
"workbench.colorTheme": "One Dark Pro",
"workbench.iconTheme": "material-icon-theme",
"terminal.integrated.fontFamily": "'JetBrains Mono'",
"terminal.integrated.fontSize": 13,
"files.autoSave": "onFocusChange",
"files.trimTrailingWhitespace": true,
"explorer.confirmDelete": false,
"git.autofetch": true
}
Must-Have-Erweiterungen 2026
KI und Produktivität
- GitHub-Copilot— AI-Code-Vervollständigung und Chat
- Tabnine– alternativer KI-Assistent
- Fehlerlinse– Fehler inline in derselben Zeile anzeigen
- GitLens– Git-Schuldzuweisung, Verlauf und Code-Linse
- Code-Rechtschreibprüfung– Tippfehler im Code und in Kommentaren erkennen
Formatierung und Linting
- Hübscher– eigensinniger Codeformatierer
- ESLint– JavaScript/TypeScript-Linting
- Pylance— Python-Sprachserver (Typprüfung)
- Halskrause– blitzschneller Python-Linter/Formatter
- Biom– schneller JS/TS-Linter + Formatierer
Sprachunterstützung
- Python(ms-python.python)
- Rostanalysator– Rust-Sprachserver
- Go— Go-Sprachunterstützung
- Noch besseres TOML— TOML-Syntax
- Docker– Dockerfile, Docker-Compose-Syntax
Themen und Erscheinungsbild
- Ein Dark Pro– klassisches dunkles Thema
- Catppuccin– Pastell, angenehm für die Augen
- Material-Icon-Thema— Dateisymbole
- Fließende Symbole– UI-Symbole
Wichtige Tastaturkürzel
# Navigation
Ctrl+P / Cmd+P Quick open file
Ctrl+Shift+P Command palette
Ctrl+` (backtick) Open terminal
Ctrl+B Toggle sidebar
Ctrl+\ Split editor
Ctrl+Tab Switch tabs
Alt+Left/Right Go forward/back in history
Ctrl+G Go to line number
# Editing
Ctrl+D Select next occurrence
Ctrl+Shift+L Select all occurrences
Alt+Click Multi-cursor
Ctrl+Shift+K Delete line
Alt+Up/Down Move line up/down
Ctrl+/ Toggle comment
Shift+Alt+F Format document
F2 Rename symbol
F12 Go to definition
Alt+F12 Peek definition
Shift+F12 Find all references
# Terminal
Ctrl+` (backtick) Open new terminal
Ctrl+Shift+` Create new terminal
Ctrl+Shift+5 Split terminal
Arbeitsbereich und Multi-Root-Setup
// .vscode/settings.json — per-project settings
{
"python.defaultInterpreterPath": "./.venv/bin/python",
"editor.formatOnSave": true,
"[python]": {
"editor.defaultFormatter": "charliermarsh.ruff",
"editor.formatOnSave": true
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
// .vscode/extensions.json — recommend extensions to team
{
"recommendations": [
"GitHub.copilot",
"esbenp.prettier-vscode",
"ms-python.python",
"charliermarsh.ruff",
"eamodio.gitlens"
]
}
// .vscode/launch.json — debug configuration
{
"version": "0.2.0",
"configurations": [
{
"name": "FastAPI",
"type": "python",
"request": "launch",
"module": "uvicorn",
"args": ["main:app", "--reload"],
"jinja": true
}
]
}
Remote-Entwicklung
Mit VS Code Remote-Erweiterungen können Sie Code auf Servern, in Docker-Containern oder über SSH bearbeiten:
- Remote – SSH– Bearbeiten Sie Dateien auf jedem SSH-Server wie lokal
- Remote – Container / Entwicklungscontainer– in Docker entwickeln
- Remote – WSL– Linux-Dateien unter Windows bearbeiten
- GitHub-Codespaces— Cloud-Entwicklungsumgebung
// .devcontainer/devcontainer.json
{
"name": "Python Dev",
"image": "mcr.microsoft.com/devcontainers/python:3.12",
"features": {
"ghcr.io/devcontainers/features/docker-in-docker:2": {},
"ghcr.io/devcontainers/features/node:1": {}
},
"postCreateCommand": "pip install -r requirements.txt",
"customizations": {
"vscode": {
"extensions": ["ms-python.python", "charliermarsh.ruff"]
}
}
}
Produktivitätstricks
- Zen-Modus– Strg+K Z – ablenkungsfreie Vollbildbearbeitung
- Kleberolle– Zeigt den aktuellen Funktions-/Klassenkontext beim Scrollen an (in den Einstellungen aktivieren)
- Paniermehl— Klicken Sie oben auf den Pfad, um durch die Symbole zu navigieren
- Gliederungsansicht— Das Symbolfeld zeigt alle Funktionen und Klassen
- Gehen Sie zu Symbol— Strg+Umschalt+O, um zu einer beliebigen Funktion in der Datei zu springen
- Referenzvorschau— Bewegen Sie den Mauszeiger über ein beliebiges Symbol, um Typ und Dokumente anzuzeigen
- Aufgaben– Führen Sie Build-/Testbefehle über die Befehlspalette → Aufgaben: Aufgabe ausführen aus
Profile – Konfigurationen speichern und teilen
Mit VS Code Profiles (2023+) können Sie Erweiterungssätze und Einstellungen für verschiedene Workflows speichern:
- Python Data Science-Profil
- TypeScript-Frontend-Profil
- Minimales Schreibprofil (keine Codeerweiterungen)
Profil exportieren über: Datei → Einstellungen → Profile → Profil exportieren → Als Kerndatei oder lokale Datei teilen
VS Code im Jahr 2026 ist mit den richtigen Erweiterungen und Einstellungen eine vollständige IDE für jede Sprache. Installieren Sie das Wesentliche, lernen Sie die 10 wichtigsten Tastenkombinationen kennen und konfigurieren Sie die projektspezifischen Einstellungen in.vscode/settings.jsonund verwenden Sie GitHub Copilot für den Produktivitätsmultiplikator.
🔗 Share this article
✍️ Leave a Comment