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.

Inhaltsverzeichnis

1. Was ist Cursor?
2. Installation & Setup
3. Tab Completion (Autocomplete)
4. Inline Edit (Ctrl+K)
5. AI Chat (Ctrl+L)
6. Composer (Multi-File Agent)
7. Kontext-Management (@-Mentions)
8. .cursorrules Konfiguration
9. Terminal AI
10. Codebase-Indexierung
11. Die wichtigsten Shortcuts
12. Cursor vs. VS Code + Copilot
13. Profi-Tipps
14. FAQ

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:

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.

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.

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

• Die besten VS Code Extensions für AI Coding
• Insbesondere Prompt Engineering für Entwickler
• Die besten AI Coding Tools 2026

Zuletzt aktualisiert: März 2026

Der Beitrag Cursor IDE Tutorial 2026 erschien zuerst auf MetinCelik.de.