<- Zurueck zur Startseite

Visual Studio Code

Meine wichtigsten Extensions

Visual Studio Code ist mein bevorzugter Code-Editor. Mit den richtigen Extensions wird er zu einer maechtigen Entwicklungsumgebung. Hier sind drei Extensions, die meinen Workflow erheblich verbessern.

Py

Python

von Microsoft
Essentiell

Die offizielle Python-Extension von Microsoft macht VS Code zur vollwertigen Python-IDE. IntelliSense, Debugging, Linting, Formatierung und Jupyter-Notebook-Support - alles in einer Extension.

Hauptfunktionen

  • IntelliSense: Intelligente Code-Vervollstaendigung mit Pylance
  • Debugging: Breakpoints, Step-Through, Variable Inspection
  • Linting: Fehler und Warnungen mit Pylint, Flake8, mypy
  • Formatierung: Automatisch mit Black, autopep8 oder YAPF
  • Jupyter Notebooks: Direkt in VS Code bearbeiten und ausfuehren
  • Virtual Environments: Automatische Erkennung und Wechsel
  • Testing: Unterstuetzung fuer pytest, unittest, nose

Code-Beispiel mit IntelliSense

import pandas as pd from pathlib import Path def analyze_data(filepath: str) -> pd.DataFrame: """Laedt und analysiert CSV-Daten.""" df = pd.read_csv(filepath) return df.describe() # IntelliSense zeigt alle DataFrame-Methoden result = analyze_data("sales.csv") print(result)

Nuetzliche Shortcuts

  • F5: Debugging starten
  • Shift+Enter: Zeile/Auswahl im Terminal ausfuehren
  • Ctrl+Shift+P -> "Python: Select Interpreter": Interpreter wechseln
  • Ctrl+Shift+B: Build/Run Task ausfuehren
Extension installieren
LS

Live Server

von Ritwick Dey
Empfohlen

Live Server startet einen lokalen Entwicklungsserver mit automatischem Browser-Reload. Sobald du eine HTML-, CSS- oder JavaScript-Datei speicherst, aktualisiert sich der Browser automatisch - kein manuelles Neuladen mehr noetig.

Hauptfunktionen

  • Ein-Klick-Start eines lokalen Webservers
  • Automatisches Hot-Reload bei Datei-Aenderungen
  • Unterstuetzt HTML, CSS, JavaScript, PHP und mehr
  • Anpassbarer Port (Standard: 5500)
  • HTTPS-Unterstuetzung fuer sichere Verbindungen
  • Multi-Root-Workspace kompatibel

So verwendest du Live Server

// Methode 1: Rechtsklick auf HTML-Datei Rechtsklick -> "Open with Live Server" // Methode 2: Statusleiste Klick auf "Go Live" in der unteren Statusleiste // Methode 3: Tastenkuerzel Alt + L, Alt + O // Server starten Alt + L, Alt + C // Server stoppen
Extension installieren
AI

Claude Code for VS Code

von Anthropic
KI-Power

Claude Code bringt die volle Leistung von Claude AI direkt in deinen Editor. Die Extension ermoeglicht agentic coding - Claude kann Dateien lesen, schreiben, Terminal-Befehle ausfuehren und komplexe Programmieraufgaben selbststaendig loesen.

Hauptfunktionen

  • Agentic Coding: Claude arbeitet selbststaendig an Aufgaben
  • Direkter Dateizugriff: Lesen und Schreiben im Projekt
  • Terminal-Integration: Befehle ausfuehren und Ergebnisse analysieren
  • Kontext-bewusst: Versteht dein gesamtes Projekt
  • Multi-File-Editing: Aenderungen ueber mehrere Dateien hinweg
  • Git-Integration: Commits, Branches und mehr

Anwendungsbeispiele

// Refactoring "Refaktoriere diese Funktion und extrahiere die Validierung" // Bug-Fixing "Finde den Bug in der Datenbankabfrage und behebe ihn" // Code-Generierung "Erstelle eine REST-API fuer Benutzer-Authentifizierung" // Dokumentation "Dokumentiere alle Funktionen in diesem Modul"

Voraussetzungen

  • Anthropic API-Key oder Claude Pro/Max Subscription
  • Node.js 18+ installiert
  • Visual Studio Code 1.80+
Zur Installationsanleitung