Aller au contenu principal

Comment utiliser les prompts dans Cursor

astuce

L'utilisation efficace des prompts peut considérablement améliorer votre productivité de codage dans Cursor en tirant parti de l'assistance IA.

Comprendre les prompts​

Les prompts dans Cursor sont des instructions en langage naturel qui vous aident à :

  • Générer du code
  • Déboguer des problèmes
  • Refactoriser du code existant
  • Obtenir des explications
  • Automatiser des tâches

Types de prompts de base​

1. Génération de code​

# Génération de code basique
/generate Créer un composant bouton React avec des effets de survol

2. Explication de code​

# Obtenir une explication pour du code
/explain Que fait ce modèle regex : ^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$

3. Refactorisation de code​

# Demander une refactorisation
/refactor Convertir cette fonction pour utiliser async/await

Rédiger des prompts efficaces​

1. Soyez spécifique​

✅ Bon prompt :

/generate Créer une fonction TypeScript qui valide les adresses e-mail en utilisant regex avec une gestion d'erreur appropriée

❌ Mauvais prompt :

/generate Faire un vérificateur d'e-mail

2. Fournir du contexte​

/explain Ce code dans le contexte d'une application React utilisant Redux pour la gestion d'état :

3. Utiliser des paramètres​

/generate language:typescript
         framework:react
         style:functional
         Créer un composant de formulaire avec validation d'e-mail

Fonctionnalités avancées des prompts​

1. Tâches multi-étapes​

/task Créer un système d'authentification utilisateur
Étapes :
1. Créer un formulaire de connexion
2. Ajouter la validation
3. Implémenter les appels API
4. Gérer les réponses
5. Ajouter la gestion des erreurs

2. Génération de modèles​

/template Créer un nouveau modèle de composant React avec :
- TypeScript
- Styled Components
- Tests unitaires
- Documentation

3. Règles personnalisées​

/rules Ajouter des règles personnalisées pour :
- Style de code
- Gestion des erreurs
- Documentation
- Exigences de test

Prompts spécifiques aux langages​

JavaScript/TypeScript​

/generate js
Créer une classe ES6 pour gérer les requêtes API avec :
- Intégration Axios
- Gestion des erreurs
- Mise en cache des requêtes

Composants React​

/generate react
Créer un composant de navigation responsive avec :
- Menu mobile
- Support du mode sombre
- Fonctionnalités d'accessibilité

Bonnes pratiques​

1. Structurer vos prompts​

/generate
Objectif : Créer un middleware d'authentification
Exigences :
- Validation JWT
- Accès basé sur les rôles
- Gestion des erreurs
- Journalisation
Technologies :
- Express.js
- Bibliothèque jsonwebtoken

2. Utiliser des modèles​

Créer des modèles de prompts réutilisables :

# Enregistrer le modèle
/template save auth-component
Créer un composant d'authentification avec :
- Formulaires de connexion/inscription
- Validation
- Intégration API
- Gestion des erreurs

# Utiliser le modèle
/template use auth-component

3. Inclure des exemples​

/generate
Créer une fonction similaire à :
```javascript
function example(data) {
  return data.filter(item => item.active);
}

mais avec une vérification de type supplémentaire et une gestion des erreurs


## Modèles de prompts

### 1. Revue de code

```bash
/review
Vérifier ce code pour :
- Problèmes de performance
- Vulnérabilités de sécurité
- Bonnes pratiques
- Sécurité des types

2. Documentation​

/doc
Générer de la documentation pour :
- Paramètres de fonction
- Valeurs de retour
- Exemples
- Cas limites

3. Tests​

/test
Créer des tests unitaires couvrant :
- Chemin heureux
- Cas limites
- Scénarios d'erreur
- Comportement asynchrone

Techniques avancées​

1. Chaîner les prompts​

/chain
1. Générer un service API
2. Ajouter la gestion des erreurs
3. Créer des tests
4. Ajouter de la documentation

2. Conscience du contexte​

/context
Considérer :
- Importations du fichier actuel
- Structure du projet
- Dépendances
- Normes de codage

3. Raffinement itératif​

/refine
Améliorer le code généré en :
1. Ajoutant la sécurité des types
2. Optimisant les performances
3. Améliorant la lisibilité
4. Ajoutant des commentaires

Dépannage​

Problèmes courants​

  1. Résultats peu clairs

    /clarify
    La génération précédente n'a pas traité :
    - Cas limites
    - Scénarios d'erreur

  2. Contexte manquant

    /context add
    Le projet utilise :
    - React 18
    - TypeScript 4.8
    - Material UI

  3. Génération incomplète

    /continue
    Veuillez compléter l'implémentation avec :
    - Gestion des erreurs
    - Définitions de types

Conseils d'intégration​

1. Contrôle de version​

/generate
Créer un message de commit suivant :
- Commits conventionnels
- Référence de problème
- Changements majeurs

2. Configuration de projet​

/setup
Initialiser le projet avec :
- Configuration TypeScript
- Règles ESLint
- Paramètres Prettier
- Hooks Git

3. Documentation​

/doc
Générer la documentation du projet :
- README.md
- Documentation API
- Instructions de configuration
- Directives de contribution

Conseils pour réussir​

  1. Soyez clair et spécifique

    • Énoncez vos exigences
    • Fournissez des exemples
    • Spécifiez les contraintes

  2. Itérer et affiner

    • Commencez par des prompts basiques
    • Ajoutez des détails progressivement
    • Affinez en fonction des résultats

  3. Apprenez des réponses

    • Analysez les suggestions de l'IA
    • Améliorez les modèles de prompts
    • Enregistrez les prompts efficaces
astuce

Utilisez la commande /help pour découvrir plus de fonctionnalités et d'options de prompts !

Ressources connexes​