Ai/Cursor

Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).

---

Cursor ist ein KI-gestützter Code-Editor, der auf VS Code basiert und speziell dafür entwickelt wurde, Softwareentwicklung durch fortschrittliche Künstliche Intelligenz zu beschleunigen. Dieses Tutorial führt in die wichtigsten Funktionen ein und bietet praktische Übungen.

1. Installation und Einrichtung

• Lade Cursor von der offiziellen Website herunter.
• Da Cursor ein Fork von VS Code ist, kannst du mit einem Klick deine VS Code-Erweiterungen, Themes und Einstellungen migrieren (Migrate from VS Code).
• Melde dich mit deinem Account an, um die KI-Features (wie Claude 3.5 Sonnet oder GPT-4o) nutzen zu können.

2. Hauptfunktionen (Core Features)

Tab Autocomplete (KI-Autovervollständigung)

Cursor bietet eine intelligente Autovervollständigung, die nicht nur Einzelwörter, sondern ganze Zeilen oder Code-Blöcke vorschlägt. Sie berücksichtigt dabei nicht nur die aktuelle Datei, sondern lernt aus den letzten Änderungen über dein gesamtes Projekt hinweg. Du akzeptierst Vorschläge einfach mit der Tab-Taste.

Cmd K / Ctrl K (Inline Editing)

Mit dem Shortcut Cmd K (Mac) bzw. Ctrl K (Windows/Linux) öffnet sich direkt im Editor-Fenster eine Eingabezeile.

• Du kannst Code markieren und die KI bitten, ihn zu ändern (z.B. “Füge Fehlerbehandlung hinzu” oder “Refactore diese Funktion”).
• Du kannst in einer leeren Zeile Cmd K drücken, um von der KI völlig neuen Code generieren zu lassen.

Chat (Cmd L / Ctrl L)

Der Chat-Bereich (meistens am rechten Bildschirmrand) ist dein ständiger KI-Begleiter.

• @-Mentions: Du kannst explizit Kontext hinzufügen, indem du @ tippst. Erwähne bestimmte Dateien, Ordner, Git-Commits oder sogar externe Dokumentationen (Docs).
• Codebase Context: Cursor kann deine gesamte Codebasis indexieren. Stelle einfach Fragen wie “Wo wird die Datenbankverbindung initialisiert?” in Kombination mit @Codebase.

Composer (Cmd I / Ctrl I)

Während Cmd K lokal in einer Datei arbeitet, ist der Composer dafür da, komplexe Features über mehrere Dateien hinweg zu generieren oder zu verändern.

• Öffne den Composer (oft mit Cmd I).
• Beschreibe dein Ziel, z.B. “Implementiere einen neuen Dark Mode und passe die CSS- und JS-Dateien entsprechend an”.
• Cursor schlägt dir Änderungen in mehreren Dateien vor, die du einzeln anschauen und akzeptieren kannst.

Cursor Im Terminal

Selbst das integrierte Terminal unterstützt Cursor. Du kannst Cmd K im Terminal nutzen, um Terminal-Befehle zu generieren (z. B. “Port 8080 freimachen” oder “Zeige mir, wie man einen Git-Branch umbenennt”).

3. Best Practices

• Immer Kontext geben: Nutze die @-Symbole. Je genauer die KI weiß, welche Dateien wichtig sind (z.B. @utils.js), desto besser das Ergebnis.
• Kleine Schritte: Auch wenn der Composer große Änderungen kann, ist es oft besser, iterative Änderungen via Cmd K vorzunehmen.
• Rules for AI: Unter .cursorrules kannst du projektspezifische Anweisungen hinterlegen, die die KI bei allen Antworten und Code-Generierungen beachten soll.

4. Praktische Übungen

Nutze ein bestehendes oder ein neues, leeres Projekt, um folgende Übungen zu absolvieren.

Übung 1: Erste Autovervollständigung

1. Erstelle eine neue Datei calculator.py (oder .js).
2. Tippe den Anfang einer Funktion: def berechne_steuern(brutto, steuersatz):
3. Warte kurz ab (ca. 1-2 Sekunden). Cursor durchsucht den Kontext und sollte den Inhalt vorschlagen. Drücke Tab, um den Code zu übernehmen.

Übung 2: Inline Editor (Cmd K) nutzen

1. Markiere die in Übung 1 erstellte Funktion.
2. Drücke Cmd K (bzw. Ctrl K).
3. Schreibe als Prompt: “Füge Docstrings und Type Hints hinzu. Wenn brutto negativ ist, wirf einen Fehler.”
4. Betrachte den Diff-View, in dem rot (Alter Code) und grün (Neuer Code) dargestellt sind. Drücke Enter (oder Accept), um die Änderung anzunehmen.

Übung 3: Der Cursor Chat

1. Öffne den Codebase-Workspace im Editor.
2. Öffne den Chat mit Cmd L.
3. Tippe das Symbol @ und wähle @Codebase aus dem Dropdown.
4. Frage: “Welche Frameworks und Sprachen werden in diesem Projekt hauptsächlich verwendet?”
5. Bewerte die Richtigkeit der Antwort der KI, basierend auf deinem Projektkontext.

Übung 4: Externe Dokumentationen einbinden (@Docs)

1. Nehmen wir an, du möchtest eine moderne Library verwenden, die die KI vielleicht noch nicht perfekt kennt (z. B. eine brandneue API-Version).
2. Öffne den Chat (Cmd L).
3. Tippe @Docs und suche nach einer bekannten Library (oder füge eine URL einer neuen Doku als Custom Doc hinzu).
4. Bitte Cursor: “Zeige mir ein Minimal-Beispiel anhand der @Docs für diese Bibliothek.”

Übung 5: Neue Features mit dem Composer entwerfen

1. Drücke Cmd I, um den Composer zu öffnen.
2. Beschreibe ein komplexeres Bedürfnis: “Erstelle ein neues Bash-Skript ‘backup.sh’, das alle .md Dateien in diesem Verzeichnis archiviert, und aktualisiere die README.md, um zu erklären, wie man das Skript ausführt.”
3. Beobachte, wie der Composer Entwürfe für mehrere Dateien erstellt. Überprüfe die Vorschläge im Multi-File-Diff und akzeptiere sie.

Übung 6: Terminal KI

1. Öffne das Terminal in Cursor (meist Ctrl + `).
2. Drücke Cmd K im Terminallayout.
3. Gib ein: “Wie mache ich den letzten Git-Commit rückgängig, behalte aber meine Änderungen im Workspace?”
4. Cursor schlägt dir git reset HEAD~1 (oder ähnlich) vor. Bestätige und führe ihn (wenn gefahrlos) aus.

Weiter Information

• Lernpath

---

Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).