🌐 Detecting your location…
📢 Advertisement — Configure AdSense in Appearance → Customize → AdSense Settings

VS Code Complete Guide 2026: Erweiterungen, Verknüpfungen und Profi-Tipps

⏱️4 min read  ·  662 words

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.

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.

✍️ Leave a Comment

Your email address will not be published. Required fields are marked *

🌐 Read in:🇬🇧 English🇩🇪 Deutsch🇧🇷 Português🇸🇦 العربية🇮🇳 हिन्दी🇧🇩 বাংলা