Tutoriels

Générer du code à partir de commentaires

Utilisez le codage littéraire pour que Bob génère du code à partir de commentaires en langage naturel, où Bob vous aide à écrire des modifications de code précises et conscientes du contexte directement dans votre éditeur.

Le codage littéraire vous permet d'écrire du code avec l'assistance de l'IA directement dans votre éditeur. Au lieu de basculer vers une fenêtre de chat ou d'écrire de longs prompts, vous écrivez des instructions en langage simple exactement là où le code doit aller. Bob génère ensuite l'implémentation pour vous en contexte et affiche un diff des modifications.

Le codage littéraire est efficace pour les modifications suivantes :

  • Ajouter une logique d'enveloppement : Mécanismes de nouvelle tentative, gestion des erreurs ou journalisation autour du code existant
  • Refactoriser des blocs spécifiques : Modifier des sections spécifiques tout en préservant la logique environnante
  • Modifications rapides et ciblées : Changements précis dans des fonctions spécifiques sans affecter la structure plus large. Pour les modifications complexes affectant plusieurs fonctions ou fichiers, envisagez d'utiliser la barre latérale de chat agentique pour créer un Plan.

Dans ce tutoriel, vous corrigez un timeout intermittent en enveloppant un bloc de code avec une logique de nouvelle tentative.

Prérequis

Pour compléter ce tutoriel, vous avez besoin de ce qui suit :

  • Si vous ne l'avez pas déjà, clonez le code de démonstration de Galaxium Travels. La commande de clonage vérifie également la branche bob-learning-path-branch qui contient le code que vous utilisez dans les tutoriels.
git clone -b bob-learning-path-branch https://github.com/IBM/galaxium-travels
  • Bob IDE avec le code de démonstration Galaxium Travels ouvert
  • Vous avez exécuté /init dans la barre latérale de chat agentique de Bob pour l'initialiser et lui permettre de collecter le contexte de la base de code. Référez-vous au tutoriel Démarrer un projet si vous ne l'avez pas encore fait.
  • Bien que non obligatoire, envisagez de faire le tutoriel de démarrage rapide pour vous familiariser avec l'interface et les fonctionnalités de Bob.
  • Vous pouvez démarrer une nouvelle fenêtre de contexte pour ce tutoriel. Référez-vous au tutoriel Créer une nouvelle fenêtre de contexte.

Utiliser le codage littéraire

Le backend de Galaxium Travels n'est pas fiable et obtient occasionnellement des erreurs de timeout. Au lieu de réécrire le code à partir de zéro, vous pouvez utiliser le codage littéraire pour envelopper le bloc de code spécifique avec une logique de nouvelle tentative.

Ouvrir le fichier

Ouvrez le fichier booking_system_frontend/src/pages/Flights.tsx.

Positionner le curseur

Cliquez sur la ligne 43.

Activer le mode de codage littéraire

Cliquez sur les points de suspension, puis sélectionnez Literate Coding Mode.

Sélectionner le mode de codage littéraire

Écrire l'instruction

Entrez l'instruction en langage naturel suivante pour décrire le changement souhaité à la ligne 43 :

Le backend n'est pas fiable parfois. Nous avons besoin d'une logique de nouvelle tentative ici

Prompt en langage naturel entré en mode de codage littéraire

Générer le code

Cliquez sur Generate pour produire les modifications.

Bob présente les modifications dans une interface de vue diff. Le texte surligné en rouge montre quel code est supprimé et le texte surligné en vert montre quel code Bob ajoute.

Bob présente les modifications proposées dans une vue diff

Accepter les modifications

Examinez les modifications et cliquez sur Accept All pour les appliquer.

Vous avez ajouté une boucle de nouvelle tentative pour résoudre les erreurs de timeout dans l'application web Galaxium Travels.

Prochaines étapes

Dans ce tutoriel, vous avez appris comment le codage littéraire vous permet d'utiliser des modifications de code précises pilotées par le langage naturel. Le code littéraire vous montre un diff de code afin que vous puissiez examiner le code avant d'accepter les modifications.

Passez à Planifier et implémenter des fonctionnalités complexes pour en savoir plus sur la barre latérale de chat agentique, qui est l'interface principale pour les tâches de développement complexes en plusieurs étapes dans Bob.

Comment trouvez-vous ce sujet ?