Zum Hauptinhalt springen

Verwendung von Prompts in Cursor

tipp

Die effektive Nutzung von Prompts kann Ihre Programmierproduktivität in Cursor durch KI-Unterstützung erheblich steigern.

Prompts verstehen​

Prompts in Cursor sind natürlichsprachliche Anweisungen, die Ihnen helfen:

  • Code zu generieren
  • Probleme zu debuggen
  • Bestehenden Code zu refaktorieren
  • Erklärungen zu erhalten
  • Aufgaben zu automatisieren

Grundlegende Prompt-Typen​

1. Code-Generierung​

# Grundlegende Code-Generierung
/generate Erstelle eine React-Button-Komponente mit Hover-Effekten

2. Code-Erklärung​

# Erklärung für Code erhalten
/explain Was macht dieses Regex-Muster: ^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$

3. Code-Refaktorierung​

# Refaktorierung anfordern
/refactor Konvertiere diese Funktion zur Verwendung von async/await

Effektive Prompts schreiben​

1. Seien Sie spezifisch​

✅ Guter Prompt:

/generate Erstelle eine TypeScript-Funktion, die E-Mail-Adressen mit Regex validiert und eine ordnungsgemäße Fehlerbehandlung enthält

❌ Schlechter Prompt:

/generate Mache einen E-Mail-Prüfer

2. Kontext bereitstellen​

/explain Dieser Code im Kontext einer React-Anwendung, die Redux für das State-Management verwendet:

3. Parameter verwenden​

/generate language:typescript
         framework:react
         style:functional
         Erstelle eine Formular-Komponente mit E-Mail-Validierung

Erweiterte Prompt-Funktionen​

1. Mehrstufige Aufgaben​

/task Erstelle ein Benutzerauthentifizierungssystem
Schritte:
1. Login-Formular erstellen
2. Validierung hinzufügen
3. API-Aufrufe implementieren
4. Antworten verarbeiten
5. Fehlerbehandlung hinzufügen

2. Vorlagengenerierung​

/template Erstelle eine neue React-Komponenten-Vorlage mit:
- TypeScript
- Styled Components
- Unit-Tests
- Dokumentation

3. Benutzerdefinierte Regeln​

/rules Füge benutzerdefinierte Regeln hinzu für:
- Code-Stil
- Fehlerbehandlung
- Dokumentation
- Testanforderungen

Sprachspezifische Prompts​

JavaScript/TypeScript​

/generate js
Erstelle eine ES6-Klasse für die Verarbeitung von API-Anfragen mit:
- Axios-Integration
- Fehlerbehandlung
- Anfrage-Caching

React-Komponenten​

/generate react
Erstelle eine responsive Navigationskomponente mit:
- Mobilem Menü
- Dark-Mode-Unterstützung
- Barrierefreiheitsfunktionen

Best Practices​

1. Strukturieren Sie Ihre Prompts​

/generate
Zweck: Authentifizierungs-Middleware erstellen
Anforderungen:
- JWT-Validierung
- Rollenbasierter Zugriff
- Fehlerbehandlung
- Protokollierung
Technologien:
- Express.js
- jsonwebtoken-Bibliothek

2. Vorlagen verwenden​

Erstellen Sie wiederverwendbare Prompt-Vorlagen:

# Vorlage speichern
/template save auth-component
Erstelle eine Authentifizierungskomponente mit:
- Login/Register-Formularen
- Validierung
- API-Integration
- Fehlerbehandlung

# Vorlage verwenden
/template use auth-component

3. Beispiele einbeziehen​

/generate
Erstelle eine Funktion ähnlich zu:
```javascript
function example(data) {
  return data.filter(item => item.active);
}

aber mit zusätzlicher Typprüfung und Fehlerbehandlung


## Prompt-Muster

### 1. Code-Review

```bash
/review
Überprüfe diesen Code auf:
- Leistungsprobleme
- Sicherheitslücken
- Best Practices
- Typsicherheit

2. Dokumentation​

/doc
Generiere Dokumentation für:
- Funktionsparameter
- Rückgabewerte
- Beispiele
- Grenzfälle

3. Testen​

/test
Erstelle Unit-Tests, die Folgendes abdecken:
- Happy Path
- Grenzfälle
- Fehlerszenarien
- Asynchrones Verhalten

Fortgeschrittene Techniken​

1. Prompts verketten​

/chain
1. API-Service generieren
2. Fehlerbehandlung hinzufügen
3. Tests erstellen
4. Dokumentation hinzufügen

2. Kontextbewusstsein​

/context
Berücksichtige:
- Aktuelle Datei-Importe
- Projektstruktur
- Abhängigkeiten
- Codierungsstandards

3. Iterative Verfeinerung​

/refine
Verbessere den generierten Code durch:
1. Hinzufügen von Typsicherheit
2. Optimierung der Leistung
3. Verbesserung der Lesbarkeit
4. Hinzufügen von Kommentaren

Fehlerbehebung​

Häufige Probleme​

  1. Unklare Ergebnisse

    /clarify
    Die vorherige Generierung hat nicht behandelt:
    - Grenzfälle
    - Fehlerszenarien

  2. Fehlender Kontext

    /context add
    Projekt verwendet:
    - React 18
    - TypeScript 4.8
    - Material UI

  3. Unvollständige Generierung

    /continue
    Bitte vervollständige die Implementierung mit:
    - Fehlerbehandlung
    - Typdefinitionen

Integrationstipps​

1. Versionskontrolle​

/generate
Erstelle eine Commit-Nachricht nach:
- Konventionellen Commits
- Issue-Referenz
- Breaking Changes

2. Projekt-Setup​

/setup
Initialisiere Projekt mit:
- TypeScript-Konfiguration
- ESLint-Regeln
- Prettier-Einstellungen
- Git-Hooks

3. Dokumentation​

/doc
Generiere Projektdokumentation:
- README.md
- API-Dokumentation
- Setup-Anweisungen
- Richtlinien für Mitwirkende

Tipps für den Erfolg​

  1. Seien Sie klar und spezifisch

    • Formulieren Sie Ihre Anforderungen
    • Stellen Sie Beispiele bereit
    • Spezifizieren Sie Einschränkungen

  2. Iterieren und verfeinern

    • Beginnen Sie mit grundlegenden Prompts
    • Fügen Sie Details schrittweise hinzu
    • Verfeinern Sie basierend auf Ergebnissen

  3. Lernen Sie aus Antworten

    • Analysieren Sie KI-Vorschläge
    • Verbessern Sie Prompt-Muster
    • Speichern Sie effektive Prompts
tipp

Verwenden Sie den Befehl /help, um weitere Prompt-Funktionen und Optionen zu entdecken!

Verwandte Ressourcen​