Cursor IDE Tutorial 2026 - Der komplette Guide

Cursor IDE Tutorial 2026: Installation, Features, Composer, Multi-File Editing, AI Chat, .cursorrules und Vergleich mit VS Code + Copilot. Das komplette Handbuch.

Einleitung

Cursor ist die erste IDE, die von Grund auf für AI-gestützte Entwicklung gebaut wurde. Basierend auf VS Code, aber mit nativer AI-Integration: Multi-File Editing, Codebase-Kontext, Composer-Agent und mehr. Dieses Tutorial deckt alles ab – von der Installation bis zu fortgeschrittenen Workflows.

Was ist Cursor?

Außerdem gibt es hilfreiche Tools, die dich dabei unterstützen.

Cursor ist ein Fork von VS Code mit nativer KI-Integration. Alle VS Code Extensions, Themes und Keybindings funktionieren. Der Unterschied: AI ist kein Plugin, sondern ein Kernfeature der IDE.

Basis: VS Code (gleiche Extensions, Settings, Themes)
AI Models: Weiterhin claude 3.5 Sonnet, GPT-4o, Gemini (wählbar)
Preis: Free (2000 Completions/Mo), Pro ($20/Mo), Business ($40/Mo)
Plattformen: Windows, macOS, Linux

Installation & Setup

Schritt 1: Download

Allerdings gibt es einige wichtige Unterschiede zu beachten.

Lade Cursor von cursor.com herunter. Verfügbar für Windows, macOS und Linux.

Schritt 2: VS Code Settings importieren

Natürlich gibt es dabei verschiedene Herangehensweisen.

Cursor bietet beim ersten Start an, deine VS Code Settings, Extensions und Keybindings zu importieren. Empfehlung: Ja – du verlierst nichts.

Schritt 3: AI Modell wählen

Ebenso wichtig ist es, die Best Practices zu kennen.

Unter Settings → Cursor → Models kannst du das Standard-Modell wählen:

Claude 3.5 Sonnet: Beste Code-Qualität, empfohlen für die meisten Aufgaben
GPT-4o: Besonders schnell und gut für allgemeine Aufgaben
cursor-small: Schnellstes Modell für Tab-Completions

Schritt 4: .cursorrules erstellen

Zusammenfassend lässt sich sagen, dass dies ein zentraler Aspekt ist.

Erstelle eine .cursorrules Datei im Projekt-Root (Details weiter unten).

Tab Completion (Autocomplete)

Darüber hinaus bietet dieser Abschnitt konkrete Beispiele und Tipps.

Cursor’s Tab-Completion geht weit über klassisches Autocomplete hinaus:

Multi-Line: Komplette Funktionen, nicht nur eine Zeile
Kontext-bewusst: Ferner versteht umliegenden Code und Import-Patterns
Edit-Prediction: Erkennt was du als nächstes ändern willst (nach einem Edit)
Tab → Tab → Tab: Cursor springt zum nächsten Edit-Punkt

Tipp: Schreibe einen Kommentar der beschreibt was die Funktion tun soll, dann Tab für die Implementierung.

// Beispiel: Kommentar schreiben, dann Tab drücken
// Validiere eine E-Mail Adresse und gib true/false zurück
// → Cursor generiert die komplette Funktion

Dabei zeigt dieses Beispiel den grundlegenden Ansatz.

Inline Edit (Ctrl+K)

Dementsprechend solltest du die folgenden Aspekte kennen.

Markiere Code und drücke Ctrl+K für kontextbezogene Bearbeitung direkt im Editor:

Code markieren + Ctrl+K: „Füge Error Handling hinzu“
Leere Zeile + Ctrl+K: Besonders Erstelle eine Funktion die X macht“
Diff-Ansicht: Zeigt Änderungen vor dem Anwenden (Accept/Reject)

Beispiel-Prompts für Ctrl+K:

// Code markieren, Ctrl+K drücken:
"Füge TypeScript Typen hinzu"
"Mache diese Funktion async"
"Konvertiere zu Arrow Function"
"Füge JSDoc Kommentar hinzu"
"Optimiere die Performance"
"Füge Input-Validierung hinzu"

Tatsächlich lässt sich dieser Code direkt in dein Projekt übernehmen.

AI Chat (Ctrl+L)

Folglich profitierst du von einem besseren Verständnis dieser Konzepte.

Ctrl+L öffnet den AI Chat im Sidebar. Hier kannst du Fragen stellen, Code erklären lassen und Lösungen erarbeiten.

Chat Features

Dennoch solltest du einige Besonderheiten beachten.

Code markieren + Ctrl+L: Fügt markierten Code automatisch als Kontext hinzu
@-Mentions: Referenziere Dateien, Docs, Code Symbols
Apply Button: Chat-Antworten direkt in den Code einfügen
Multi-Turn: Iterativ verbessern in der gleichen Konversation

Beispiel-Prompts für Chat:

// Im Chat (Ctrl+L):
"Erkläre was diese Funktion macht"
"Warum bekomme ich diesen TypeScript Error?"
"Schreibe Unit Tests für @userService.ts"
"Wie kann ich das Caching in @api/routes.ts verbessern?"
"Vergleiche die Performance von Map vs Object für meinen Use Case"

Dementsprechend ist eine manuelle Überprüfung empfehlenswert.

Composer (Multi-File Agent)

Tatsächlich ist dieser Bereich besonders wichtig für Entwickler.

Der Composer ist Cursor’s mächtigstes Feature. Er kann mehrere Dateien gleichzeitig erstellen und bearbeiten – wie ein AI-Entwickler.

Öffnen: Ctrl+I (oder über Command Palette)

Composer Modes

Im Grunde vereinfacht dieser Ansatz den gesamten Workflow erheblich.

Normal Mode: Bearbeitet Dateien die du referenzierst
Agent Mode: Entscheidet selbstständig welche Dateien zu erstellen/bearbeiten sind, führt Terminal-Befehle aus, installiert Packages

Composer Beispiele

Grundsätzlich gibt es dabei einige Punkte zu beachten.

// Composer Prompts (Ctrl+I):

"Erstelle eine REST API für User CRUD:
- Route: src/routes/users.ts
- Controller: src/controllers/userController.ts  
- Service: src/services/userService.ts
- Types: src/types/user.ts
- Validierung mit Zod
- Tests in src/__tests__/users.test.ts"

"Refactore den Authentication Flow:
- Ersetze JWT manuell durch jose Library
- Aktualisiere alle Dateien die auth nutzen
- Behalte die Tests grün"

"Füge Dark Mode zu der App hinzu:
- CSS Custom Properties für Farben
- Toggle-Komponente
- System-Preference als Default
- Persistenz in localStorage"

Kontext-Management (@-Mentions)

Vor allem für den praktischen Einsatz sind diese Informationen wertvoll.

Kontext ist der Schlüssel zu guten AI-Antworten. Cursor bietet @-Mentions:

@-Mention	Was es tut	Beispiel
@filename	Einzelne Datei als Kontext	@userService.ts
@folder	Ganzer Ordner	@src/components/
@codebase	Durchsucht den gesamten Codebase	@codebase wo wird this function verwendet?
@docs	Externe Dokumentation	@docs next.js app router
@web	Web-Suche	@web neueste React 19 Features
@git	Git History/Diff	@git was wurde im letzten Commit geändert?

Best Practice: Liefere immer relevante Dateien als Kontext. Statt „Erstelle einen API-Endpunkt“ → „Erstelle einen API-Endpunkt wie in @src/routes/users.ts für die Entität @src/types/project.ts“.

.cursorrules Konfiguration

Ebenfalls relevant sind die praktischen Anwendungsbeispiele.

Die .cursorrules Datei im Projekt-Root definiert projekt-spezifische AI-Regeln:

# Beispiel .cursorrules

Du bist ein Senior TypeScript Developer.

## Projekt-Kontext
- Framework: Next.js 14 (App Router)
- Styling: Tailwind CSS
- Database: PostgreSQL + Prisma
- Auth: NextAuth.js v5
- Testing: Vitest + Playwright

## Code-Standards
- TypeScript strict mode, KEIN `any`
- Funktionale Komponenten mit Arrow Functions
- Server Components als Standard, "use client" nur wenn nötig
- Error Handling: Custom Error Classes in src/lib/errors.ts
- Validierung: Zod Schemas in src/schemas/

## Konventionen
- Dateinamen: kebab-case
- Komponenten: PascalCase
- API Routes: src/app/api/[resource]/route.ts
- Kein console.log in Production Code
- Jede neue Funktion bekommt einen Unit Test

## Verboten
- Keine Default Exports (nur named exports)
- Keine relativen Imports über 2 Ebenen (nutze @/ alias)
- Kein any, unknown nur mit Type Guard
- Keine inline Styles

Vor allem die detaillierten Anweisungen sorgen für präzisere Ergebnisse.

Terminal AI

Deshalb lohnt es sich, dieses Thema genauer zu betrachten.

Cursor kann auch Terminal-Befehle generieren und ausführen:

Im Terminal Ctrl+K: „Finde alle Dateien die UserService importieren“
Im Composer Agent Mode: Führt automatisch npm install, Migrations etc. aus
Error Detection: Erkennt Terminal-Fehler und schlägt Fixes vor

Codebase-Indexierung

Dabei spielen mehrere Faktoren eine wichtige Rolle.

Cursor indexiert dein gesamtes Projekt für besseren Kontext:

Automatisch: Beim Öffnen eines Projekts wird indiziert
@codebase: Nutzt den Index für semantische Suche
Status: Sichtbar in der Statusleiste (unten rechts)
.cursorignore: Dateien von der Indexierung ausschließen (wie .gitignore)

# .cursorignore
node_modules/
dist/
.next/
coverage/
*.min.js
package-lock.json

Darüber hinaus lässt sich das Beispiel leicht erweitern.

Die wichtigsten Shortcuts

Weiterhin ist es wichtig, die Grundlagen zu verstehen.

Shortcut	Funktion	Wann nutzen
Tab	Completion akzeptieren	Beim Tippen
Ctrl+K	Inline Edit	Code markiert → schnelle Änderung
Ctrl+L	Chat öffnen	Fragen, Erklärungen, Planung
Ctrl+I	Composer öffnen	Multi-File Aufgaben
Ctrl+Shift+K	Terminal AI	Befehle generieren
Ctrl+.	Quick Fix (mit AI)	Bei Fehlern
Ctrl+Shift+L	Code zum Chat hinzufügen	Kontext liefern

Cursor vs. VS Code + Copilot

Insbesondere für den Einstieg sind die folgenden Informationen hilfreich.

Feature	Cursor Pro ($20/Mo)	VS Code + Copilot ($10/Mo)
Tab Completions	⭐⭐⭐⭐⭐	⭐⭐⭐⭐⭐
Multi-File Edits	⭐⭐⭐⭐⭐ (Composer)	⭐⭐⭐ (Copilot Edits)
Codebase-Kontext	⭐⭐⭐⭐⭐ (@codebase)	⭐⭐⭐⭐ (@workspace)
Agent Mode	⭐⭐⭐⭐⭐	⭐⭐⭐⭐ (Preview)
Modell-Wahl	Claude, GPT-4, Gemini	Claude, GPT-4, Gemini
Extension-Ökosystem	VS Code Extensions ✅	VS Code Extensions ✅
.cursorrules	✅ (sehr mächtig)	✅ (instructions file)
Privacy Mode	✅ (kein Code-Upload)	✅ (Business Plan)
Preis	$20/Mo	$10/Mo

Fazit: Cursor ist besser bei Multi-File Editing und Agent Mode. VS Code + Copilot ist günstiger und hat die tiefere GitHub-Integration. Für $20/Mo bietet Cursor das bessere Gesamtpaket für AI-intensives Coding.

Profi-Tipps

Im Folgenden findest du alle wichtigen Details dazu.

Kontext ist König: Immer @-Mentions nutzen. Je mehr relevanter Kontext, desto besser die Antwort.
Iterativ arbeiten: Große Aufgaben in kleine Schritte aufteilen. Ein Composer-Prompt pro Feature.
.cursorrules pflegen: Investiere 30 Minuten in gute Rules – spart Stunden an Korrekturen.
Diffs lesen: Nie blind Accept klicken. Jede Änderung verstehen.
Composer History: Cursor speichert alle Composer-Sessions. Nutze sie als Dokumentation.
Model wechseln: Claude für komplexe Architektur, GPT-4o für schnelle Edits, cursor-small für Completions.
Ctrl+K für kleine Edits: Nicht alles über Composer machen. Inline Edit ist oft schneller.
Notepads nutzen: Cursor Notepads als Kontext-Speicher für wiederkehrende Informationen.

FAQ

Ist Cursor sicher? Wird mein Code hochgeladen?

Somit kannst du direkt mit der Umsetzung beginnen.

Im Privacy Mode: Nein. Cursor speichert keinen Code. Für API-Calls wird Code an das gewählte Modell (OpenAI/Anthropic) gesendet, aber nicht für Training genutzt. Business Plan bietet SOC 2 Compliance.

Kann ich Cursor und VS Code parallel nutzen?

Darüber hinaus bietet dieser Abschnitt konkrete Beispiele und Tipps.

Ja, beide können gleichzeitig installiert sein. Cursor nutzt aber einen eigenen Settings-Ordner. Import von VS Code Settings möglich.

Lohnt sich Cursor Pro?

Im Grunde vereinfacht dieser Ansatz den gesamten Workflow erheblich.

Free Tier: 2000 Completions + 50 Premium-Requests/Monat. Reicht für Gelegenheitsnutzung. Pro: Unbegrenzte Completions + 500 Premium-Requests. Für Vollzeitentwickler: Ja, Pro lohnt sich.

Funktionieren alle VS Code Extensions?

Folglich profitierst du von einem besseren Verständnis dieser Konzepte.

Fast alle. Cursor basiert auf VS Code und unterstützt den Extension Marketplace. Ausnahme: GitHub Copilot Extension (da Cursor eigene AI hat). In seltenen Fällen gibt es Kompatibilitätsprobleme mit sehr neuen Extensions.

Verwandte Artikel:

Zuletzt aktualisiert: März 2026