Vibe Coding — ton premier app sans savoir coder — 2. Choisir ton outil

17 min read min de lecture
Chapitre 02

Choisir ton outil

Chapitre 2 sur 10 · 20%

Objectifs de ce chapitre

  • Connaître les grandes familles d’outils
  • Choisir selon ton niveau et ton objectif
  • Démarrer sans blocage technique

Le paysage des outils

Le marché des outils de vibe coding s'est structuré en trois grandes familles, et la bonne nouvelle, c'est qu'elles répondent à des besoins différents — il n'y a pas un « meilleur outil », il y a le bon outil pour ton objectif du moment. Avant de comparer les noms, comprends les familles : ça t'évitera de te perdre dans les avis contradictoires en ligne.

La première famille, ce sont les générateurs « prompt → app » : tu écris ta description dans le navigateur, l'app apparaît à côté, et tu peux la publier en un clic. La deuxième, ce sont les éditeurs IA : de vrais environnements de développement où l'IA travaille sur des fichiers que tu vois et contrôles. La troisième, ce sont les environnements tout-en-un dans le navigateur, qui mélangent édition, exécution et hébergement au même endroit.

Cursor / Claude Codeéditeurs IA installés sur ton ordinateur, contrôle fin fichier par fichier, idéals pour vraiment apprendre et garder la main sur le long terme.
Lovable / v0 / Boltdu prompt à l'app web déployée, zéro installation — parfaits pour démarrer vite et voir un résultat dans l'heure.
Replitcoder, exécuter et héberger directement dans le navigateur, avec un agent IA intégré — bon compromis entre les deux mondes.

Les générateurs « prompt → app » de plus près

v0 (par Vercel) brille pour générer des interfaces soignées : tu décris un écran, il te propose un composant moderne que tu peux raffiner message après message. Bolt (par StackBlitz) construit des apps complètes dans le navigateur et te montre les fichiers générés, ce qui aide à comprendre ce qui se passe. Lovable vise l'app complète de bout en bout, avec une expérience très guidée pensée pour les non-développeurs.

Leur force commune : zéro installation, résultat visible immédiatement, déploiement intégré. Leur limite commune : tu travailles dans leur environnement, avec leurs choix techniques et leurs quotas gratuits. Pour une première app comme celle de Tom, ces limites sont sans importance — la vitesse de démarrage compte bien plus.

Les éditeurs IA : Cursor et Claude Code

Cursor est un éditeur de code complet (basé sur VS Code) où l'IA peut lire et modifier tous tes fichiers : tu discutes avec elle dans un panneau latéral et tu vois chaque changement proposé. Claude Code fonctionne dans le terminal : tu lui donnes des instructions, il agit sur ton projet. Ces outils demandent un peu plus d'installation, mais ils t'offrent quelque chose de précieux : tes fichiers t'appartiennent, sur ton disque, et tu peux en faire ce que tu veux.

C'est la voie à suivre si ton objectif dépasse la première app : comprendre comment un projet est structuré, utiliser Git pour sauvegarder ton travail (on en reparle au chapitre 4), et progresser vers une vraie autonomie. Beaucoup de vibe codeurs commencent sur un générateur navigateur, puis migrent vers Cursor quand ils veulent aller plus loin — c'est un parcours parfaitement sain.

Quel outil pour quel profil ?

v0tu veux surtout de belles interfaces web, vite. Très fort en design de composants, déploiement facile chez Vercel.
Bolttu veux une app complète dans le navigateur en voyant les fichiers. Bon équilibre entre vitesse et transparence.
Lovabletu veux l'expérience la plus guidée possible, de l'idée à l'app publiée, sans rien voir de technique.
Replittu veux un environnement complet (code + exécution + hébergement) dans un seul onglet, avec agent IA.
Cursor / Claude Codetu veux apprendre en profondeur, garder tes fichiers et progresser sur la durée. Un peu de setup au départ.
flowchart TD
  Q["Tu veux démarrer ce soir ?"] -->|"Oui, zéro installation"| B["Lovable, v0 ou Bolt"]
  Q -->|"Je veux apprendre en profondeur"| C["Cursor ou Claude Code"]
  Q -->|"Tout dans un seul onglet"| R["Replit"]
  B --> S["Construis ta v1"]
  C --> S
  R --> S
Choisir son outil selon son objectif : toutes les routes mènent à la v1.

Recommandation pour débuter

Pour ta toute première app web sans rien installer : un outil « prompt → app » comme Lovable ou v0. Pour apprendre et garder le contrôle dans la durée : Cursor ou Claude Code. Ce cours fonctionne avec les deux approches — les prompts, la méthode de débogage et le déploiement s'appliquent partout, seuls les boutons changent.

Tom, lui, choisit un outil navigateur : il veut un résultat ce soir, sur l'ordinateur de l'école, sans droits d'installation. C'est le bon réflexe : son objectif est l'app, pas l'outil. Si dans trois mois il veut personnaliser plus finement son projet, il l'exportera vers Cursor — rien n'est perdu, jamais.

Ne passe pas une semaine à choisir l'outil parfait. Prends-en un, construis, tu changeras plus tard si besoin. Le temps passé à comparer des outils est du temps non passé à construire.

Gratuit ou payant : comprendre les limites

Tous ces outils ont une offre gratuite suffisante pour ce cours, mais avec des quotas : un nombre de messages ou de générations par jour ou par mois. Quand tu atteins la limite, trois options : attendre le lendemain, passer sur un autre outil gratuit le temps de finir, ou payer l'abonnement si tu construis régulièrement. Pour une première app, le gratuit suffit largement — à condition de ne pas gaspiller tes messages.

Comment économiser tes générations ? Réfléchis avant d'envoyer : un prompt précis qui décrit bien le besoin consomme un message et donne un bon résultat ; cinq prompts vagues consomment cinq messages pour le même résultat. Le chapitre 3 t'apprend justement à écrire des descriptions efficaces — c'est aussi une façon de faire durer ton quota gratuit.

Le piège du setup infini

Beaucoup abandonnent avant d'avoir commencé, bloqués sur l'installation : un compte qui ne se crée pas, un logiciel qui réclame une mise à jour système, un terminal qui affiche une erreur incompréhensible. Si un outil te résiste 30 minutes, passe à un outil 100 % navigateur. L'important est de construire, pas de configurer.

Ce conseil n'est pas une capitulation, c'est de la stratégie. Ta motivation est une ressource limitée : chaque heure de friction technique l'entame. Une fois ta première app en ligne, tu auras la confiance (et la patience) nécessaires pour affronter une installation plus exigeante. Dans le bon ordre, tout est plus facile.

Crée ton compte avec une adresse e-mail que tu consultes vraiment : les outils envoient des liens de confirmation, et un lien perdu est la première cause de « ça ne marche pas » au moment de l'inscription.
🛠️ À toi de jouer

Contexte

Tom veut commencer ce soir, sans installer dix logiciels et sans droits d'administrateur sur l'ordinateur de l'école. Il a une heure devant lui et un objectif modeste : voir une première page générée par l'IA s'afficher dans un aperçu. Fais exactement le même parcours : l'objectif de cet exercice n'est pas de construire ton app, juste de valider que ta chaîne outil → génération → aperçu fonctionne.

Consignes

  1. Choisis un outil dans les familles présentées (navigateur si tu veux zéro setup).
  2. Crée ton compte et confirme l’e-mail de validation.
  3. Crée un projet vide et repère où s’affiche l’aperçu de l’app.
  4. Demande à l’outil de générer une page « Hello » avec ton prénom et un bouton.
  5. Confirme que l’aperçu se met à jour et que le bouton est cliquable.
  6. Envoie un deuxième message pour changer la couleur du bouton, et vérifie le changement.
  7. Note quelque part le nom de l’outil choisi et ce qui t’a plu ou gêné.
Indice — Un outil 100 % navigateur évite la majorité des blocages de débutant. Si la création de compte échoue ou si rien ne s'affiche au bout de 30 minutes, change d'outil sans culpabiliser : c'est la méthode, pas un échec.

En résumé

  • Trois familles : générateurs « prompt → app », éditeurs IA, et tout-en-navigateur.
  • v0 excelle en interfaces, Bolt montre les fichiers, Lovable guide de bout en bout.
  • Cursor et Claude Code : plus de setup, mais tes fichiers t’appartiennent et tu apprends en profondeur.
  • Débutant pressé : un outil navigateur ; pour apprendre dans la durée : Cursor/Claude Code.
  • Les offres gratuites suffisent pour ce cours — économise tes messages avec des prompts précis.
  • Ne sur-optimise pas le choix d’outil : prends-en un et construis.
  • Le vrai ennemi du débutant, c’est le setup infini : 30 minutes de blocage = change d’outil.

Quiz — vérifie ta compréhension

1. Quel type d’outil pour démarrer sans installation ?

Les outils navigateur comme Lovable, v0 ou Bolt évitent les blocages d'installation et donnent un résultat dans l'heure.

2. Que faire si un outil te résiste 30 minutes ?

L'objectif est de construire, pas de configurer. Ta motivation est une ressource limitée : protège-la.

3. Quel est l’avantage principal de Cursor ou Claude Code ?

Les éditeurs IA travaillent sur des fichiers stockés chez toi : idéal pour apprendre et progresser sur la durée.

4. Comment économiser ton quota gratuit de générations ?

Un prompt précis consomme un message pour un bon résultat ; cinq prompts vagues en consomment cinq pour le même résultat.

5. Tom choisit un outil navigateur. Pourquoi est-ce un bon réflexe ?

Commencer vite sur un outil simple puis migrer vers un éditeur IA si besoin est un parcours parfaitement sain. Rien n'est perdu.

Auteur(s)

R

REHOUMA Haythem

Haythem Rehouma est un ingénieur et architecte IA et cloud, formateur et enseignant technique, avec un profil orienté IA médicale, AWS, MLOps, LLM/RAG et vision par ordinateur.