IDE x IA - Environnement de développement avec Cursor

Ton IDE, c'est là où tu passes tes journées de développement. Et si il pouvait comprendre ton code, anticiper tes besoins, et coder avec toi en temps réel ? C'est exactement ce que proposent les nouveaux IDE dopés à l'IA.

Avec un éditeur comme Cursor, tu passes du mode "je code tout seul" au mode "je co-pilote avec une IA qui connaît mon projet". Résultat : tu prototypes beaucoup plus vite, tu débogues en parlant à ton code, et tu évites les blocages qui tuent la motivation sur un side project.

Pourquoi Cursor ?

Cette page va prendre l'exemple de mise en place d'un environnement de développement avec Cursor. Mais il est tout à fait possible de reprendre les concepts vu ici pour d'autres IDE qui intègrent l'IA comme Windsurf, Kiro, etc.

Cursor est un éditeur de code basé sur VS Code, mais conçu dès le départ pour une collaboration fluide avec des modèles comme GPT-4 ou Claude.

Tu peux "parler à ton code" : sélectionner une fonction, demander une refacto, générer un composant, ou poser une question sur ton projet.

C’est l’environnement idéal pour :

  • prototyper vite
  • itérer en contexte
  • et garder le contrôle technique

Points d’attention : tarification et usage

Cursor a récemment changé son modèle de tarification et d’usage.

  1. Nouveau modèle Pro

    • Inclut $20 d’usage IA par mois, calculé aux prix API
    • Pas de quotas à 500 requêtes, mais usage basé sur le nombre de tokens, plus coûteux avec les modèles récents
    • UI affiche désormais avertissement si proche du quota, et permet de basculer vers Auto ou upgrade
  2. Problèmes remontés par la communauté

    • Certains utilisateurs épuisent rapidement leurs crédits (parfois après quelques prompts Claude Opus 4)
    • Passage automatique à un usage payant sans avertissement clair, d’où des factures surprises
    • Le service a exprimé des regrets et procède au remboursement des utilisateurs affectés
  3. Pour garder le contrôle

    • Consulte ton dashboard usage avant chaque session
    • Active un plafond de dépenses dans les réglages
    • Utilise la fonction Auto (modèle choisi dynamiquement en fonction de ta consommation)
    • Pour usage intensif, Passe au plan Ultra ou Pro+ (60 $/mo) si tu as le budget ou regarde l’outil Claude Code pour une expérience un peu différente.

Installation de Cursor

Site officiel : Cursor
  1. Télécharge et installe Cursor depuis cursor.com (Mac / Windows / Linux)
  2. Choisis ton mode d’utilisation :
    1. Hobby (gratuit) : accès de base à GPT-3.5, agent limitée
    2. Pro ($20/mo) : accès à GPT‑4, Claude, Gemini, avec crédit d' usage de $20/mois
    3. Ultra ($200/mo) : usage fortement augmenté (20× plus)

Paramétrage Pro

Une fois les $20 crédit utilisés dans le plan pro, tu as la possibilité de continuer à utiliser les clés d’API de Cursor directement ou d’ajouter les tiennes :

  • Crée une clé API OpenAI (GPT‑4) ou Anthropic (Claude)
  • Configuration via menu Cursor → Paramètres → Provider

Attention : Que tu ajoutes ou non une clé API, tu vas payer les requêtes supplémentaires une fois les $20 crédit utilisés dans le plan pro.

Fichiers de configuration

.cursorignore

L’équivalent du .gitignore, mais pour l’IA. Il contient la liste des fichiers et dossiers à exclure dans le scan de ton projet, dans le but d'optimiser le contexte IA (ex. retirer node_modules, .env). Ça permet d'éviter de surcharger l’IA avec des fichiers inutiles.

Exemple

.cursorignore

node_modules
.env
package-lock.json
.git
dist

.cursor/instructions.json

Ce fichier te permet de personnaliser le comportement de l’IA, un peu comme un system prompt permanent.

Exemple

.cursor/instructions.json

{
  "instructions": "Tu es un développeur TypeScript expert. Tu m’aides à construire un MVP Next.js. Tu donnes des réponses concises et orientées dev solo.",
  "name": "Coach Dev TypeScript",
  "id": "coach-dev-ts"
}

Tu peux créer plusieurs profils d’instructions pour différents types de projets.

.cursor/ (dossier)

Ce dossier contient :

  • les fichiers instructions.json
  • les métadonnées internes de Cursor
  • parfois l’historique de chat/contextes locaux

À ajouter dans .gitignore pour protéger l’historique personnel.

Bonnes pratiques de démarrage

  • Écris un README clair dans ton projet. Cursor peut s’en servir pour mieux répondre à tes questions.
  • Structure ton projet dès le départ (ex. Structure d'un projet Next.js : /components, /app, /lib, etc.) pour que l’IA comprenne l’organisation.
  • Lance-toi avec une tâche simple, par exemple :
    "Crée une page d’accueil avec un titre, un CTA et un formulaire de contact."

Observe comment Cursor réagit. Ajuste ton prompt si besoin.


À retenir

  • Cursor n’est plus illimité avec le plan Pro. Ton crédit $20 peut vite partir selon le modèle utilisé
  • Les fichiers .cursorignore et instructions.json te donnent un vrai contrôle sur la collaboration avec l’IA

Mini Exercice

  1. Installe Cursor
  2. Va dans dashboard puis usage : consulte tes limites et active un plafond de dépenses
  3. Ouvre Cursor dans un dossier vide
  4. Crée un fichier README.md où tu décris ton MVP en 3 à 5 phrases
  5. [Optionnel] Crée un fichier instructions.json dans .cursor/ avec un persona IA adapté à ton projet
  6. Lance une conversation avec Cursor. Exemple :
    "Basé sur le README, propose-moi une structure de projet adaptée avec Next.js."