Éditer du code avec Vibe

Demander des modifications

La manière la plus naturelle de modifier du code avec Vibe est simplement de décrire ce que vous voulez :

Ajoute une validation d'email dans la fonction registerUser

Refactore ce composant pour utiliser des hooks React au lieu des classes

Corrige le bug dans le handler de connexion qui ne gère pas les timeouts

Vibe analyse le code existant, comprend le contexte et propose des modifications adaptées. Il utilise principalement l’outil search_replace pour des modifications chirurgicales : seul le bloc de code concerné est modifié, le reste du fichier reste intact.

Les diffs colorés

Quand Vibe propose une modification, il affiche un diff coloré directement dans le terminal :

• Les lignes en rouge (préfixées par -) sont supprimées
• Les lignes en vert (préfixées par +) sont ajoutées
• Le contexte environnant est affiché pour vous permettre de situer la modification

Ce format est identique à ce que vous voyez avec git diff, ce qui le rend immédiatement lisible pour tout développeur.

Le processus d’approbation

En mode par défaut, chaque modification nécessite votre approbation explicite :

1. Vibe analyse le code et prépare la modification
2. Il affiche le diff avec les lignes ajoutées et supprimées
3. Vous voyez exactement ce qui va changer
4. Vous approuvez (y) ou refusez (n) la modification

Ce workflow garantit que vous gardez le contrôle total sur votre codebase. Aucune modification n’est appliquée sans votre accord.

Modifier une proposition

Si la modification proposée est presque correcte mais nécessite un ajustement, vous pouvez demander une correction :

Presque, mais utilise une regex au lieu d'un split pour le parsing de l'email

Vibe ajuste sa proposition en tenant compte de votre feedback et du contexte de la conversation.

Modifications multi-fichiers

Vibe gère naturellement les modifications qui concernent plusieurs fichiers. Par exemple :

Ajoute un endpoint /api/users/:id/avatar avec upload de fichier. 
Crée le route handler, le middleware de validation et le test unitaire.

L’agent identifie les fichiers à modifier ou à créer, propose les modifications pour chacun et vous demande l’approbation fichier par fichier.

Code review avec Vibe

Vibe est particulièrement efficace pour la revue de code. Demandez-lui d’analyser des modifications récentes :

Revois les changements dans @src/api/auth.ts et dis-moi s'il y a des problèmes de sécurité

Analyse ce fichier et suggère des améliorations de performance

Vérifie que ce code respecte les bonnes pratiques TypeScript

L’agent lit le code, identifie les problèmes potentiels et propose des corrections avec des explications détaillées.

Agent de review en lecture seule

Pour une code review strictement en lecture seule, créez un agent dédié :

# ~/.vibe/agents/reviewer.toml
active_model = "devstral-2"
system_prompt_id = "code_reviewer"
disabled_tools = ["write_file", "search_replace", "bash"]

Lancez-le avec :

vibe --agent reviewer

Cet agent ne peut que lire et analyser — il ne modifie rien. C’est la configuration idéale pour des audits de sécurité.

Bonnes pratiques d’édition

Soyez précis dans vos demandes

Plus votre demande est précise, meilleure sera la modification :

# Trop vague
Améliore ce fichier

# Précis
Ajoute du logging avec le module winston pour les erreurs dans le handler createOrder,
en loggant le code d'erreur HTTP et le message

Référencez les fichiers concernés

Utilisez @ pour pointer vers les fichiers à modifier :

Dans @src/middleware/auth.ts, ajoute un check du token expiry avant de valider la session

Vérifiez les tests après modification

Après une série de modifications, demandez à Vibe de lancer les tests :

Lance les tests pour vérifier que les modifications n'ont rien cassé

L’agent exécute la commande de test appropriée (npm test, pytest, cargo test, etc.) et vous indique si tout passe.

Annuler une modification

Si vous approuvez une modification par erreur, vous pouvez toujours revenir en arrière :

Annule la dernière modification dans @src/api/auth.ts

Ou utilisez Git directement :

!git checkout -- src/api/auth.ts

Le préfixe ! exécute la commande shell sans quitter le mode interactif.

Points clés à retenir

• Décrivez vos modifications en langage naturel, Vibe génère le code
• Les diffs colorés montrent exactement ce qui change avant approbation
• Le mode par défaut exige une approbation explicite pour chaque modification
• Les modifications multi-fichiers sont gérées automatiquement
• Un agent en lecture seule est idéal pour la code review
• Toujours vérifier les tests après une série de modifications