Passer au contenu principal
Devin fournit trois outils puissants au cours des sessions qui vous permettent de surveiller, d’interagir avec et de reprendre la main sur le travail de Devin : le Shell, l’IDE et le Browser. Ces outils fonctionnent ensemble pour vous offrir une visibilité complète et un contrôle total sur l’environnement de développement de Devin. L’onglet Progress réunit ces outils dans une vue unifiée, vous donnant une visibilité claire sur le travail en cours de Devin.

Onglet « Progress »

Vous pouvez cliquer sur n’importe quelle étape au sein d’une session Devin ou cliquer sur l’onglet « Progress » pour afficher les détails de cette étape. Toutes les commandes shell, les modifications de code et l’activité du navigateur seront consignées dans une vue unifiée.
Devin

Shell & Terminal

Le shell de Devin offre un accès complet en ligne de commande à l’environnement de développement. Vous pouvez suivre les commandes de Devin, consulter leurs résultats et exécuter vos propres commandes lorsque nécessaire.

Fonctionnalités de l’historique des commandes

Avec l’historique des commandes, vous pouvez facilement voir la liste de toutes les commandes exécutées par Devin, avec un aperçu de leurs résultats. Les fonctionnalités clés incluent :
  • Liste complète des commandes : Afficher chaque commande que Devin a exécutée pendant la session
  • Aperçu du résultat : Consulter le résultat de chaque commande sans changer de contexte
  • Fonction de copie : Copier rapidement les commandes et leurs résultats dans votre presse-papiers
  • Navigation temporelle : Accéder à différents moments de la session en cliquant sur les commandes
  • Intégration avec les mises à jour d’avancement : Les commandes du shell sont liées aux mises à jour d’avancement de Devin pour fournir du contexte
Devin

Afficher les mises à jour du shell

Pendant une session, vous pouvez cliquer sur les mises à jour de progression de Devin pour afficher les commandes shell spécifiques qu’il a utilisées lors du traitement des sous-tâches. La vue de progression affiche les mises à jour du shell dans le contexte du travail en cours.
Devin

Historique des commandes shell

Les mises à jour du shell affichent l’intégralité de l’historique des commandes et les résultats associés. Vous pouvez facilement copier une commande et son résultat en cliquant sur l’icône à trois points.
Devin
Les commandes grisées sont des commandes exécutées à un moment ultérieur de la session. Vous pouvez passer à d’autres moments de la session en cliquant sur différentes commandes dans la section Historique des commandes.
Devin

Exécuter vos propres commandes

Lorsque vous prenez le contrôle de la machine de Devin, vous avez un accès complet au terminal. Vous pouvez :
  • Ouvrir un terminal dans VS Code pour exécuter des commandes directement
  • Basculer les terminaux du mode en lecture seule au mode en écriture
  • Exécuter toutes les commandes nécessaires pour déboguer, tester ou configurer l’environnement

Devin IDE

Devin travaille dans un environnement VSCode interactif contenant vos dépôts de code. Vous pouvez suivre les modifications de Devin en temps réel, puis apporter des retouches aux changements ou tester directement le code de Devin à l’aide des outils et raccourcis de l’IDE qui vous sont familiers.
Devin

Passer en revue le travail de Devin en temps réel

Vous pouvez observer Devin apporter des modifications en temps réel. Vous disposez d’un IDE complet avec tous vos raccourcis préférés, ce qui vous permet d’ouvrir des fichiers dans de nouveaux onglets, d’accéder aux définitions, et plus encore.

Prendre le contrôle de la tâche de Devin

L’IDE de Devin vous permet de reprendre le travail de Devin lorsque nécessaire, de tester et corriger les modifications de bout en bout sans quitter l’application web Devin. Cliquez pour arrêter la session afin de prendre la main et commencer à utiliser l’IDE vous-même. De nombreuses commandes courantes sont disponibles dans l’IDE, notamment :
  • Cmd/Ctrl+K pour générer des commandes de terminal à partir d’instructions en langage naturel
  • Cmd/Ctrl+I pour obtenir rapidement des réponses aux questions ou effectuer des modifications rapides de fichiers
  • Tab autocomplete pour la complétion de code
Tous les terminaux, commandes de Devin et leurs résultats sont disponibles dans VSCode. Basculez du mode lecture seule au mode modification pour exécuter vos propres commandes.

Bonnes pratiques pour l’IDE

Lorsque vous reprenez le travail de Devin, gardez ces conseils à l’esprit :
  • Signalez à Devin les modifications que vous avez apportées lorsque vous reprenez la session
  • Assurez-vous que Devin est en pause avant de prendre la main sur l’IDE afin d’éviter des modifications simultanées et conflictuelles
  • Utilisez le navigateur intégré de Devin pour tester vous-même la build locale, sans quitter l’application web
Le Navigateur interactif vous permet d’utiliser directement le navigateur de Devin. Cette fonctionnalité est particulièrement utile pour les tâches liées au navigateur où Devin peut avoir besoin de votre aide, comme la résolution de CAPTCHAs, la réalisation d’étapes d’authentification multifacteur, la navigation sur des sites web complexes, et plus encore.
Devin

Cas d’utilisation du navigateur

L’Interactive Browser est particulièrement utile pour :
  • Tester des applications locales : testez votre application qui s’exécute sur la machine de Devin directement dans le navigateur
  • Vérification visuelle : vérifiez que les modifications de l’interface utilisateur s’affichent correctement dans le navigateur
  • Captures d’écran et enregistrements : Devin peut capturer des captures d’écran et des vidéos du navigateur et vous les renvoyer comme preuve des tests effectués ou pour montrer les résultats
  • Flux d’authentification : complétez les étapes de connexion, les défis MFA ou les flux OAuth que Devin ne peut pas gérer automatiquement
  • Résolution de CAPTCHA : résolvez manuellement les CAPTCHA lorsque Devin en rencontre
  • Navigation complexe : aidez Devin à naviguer dans des interfaces web complexes ou des formulaires en plusieurs étapes
Lorsque vous utilisez le navigateur au cours d’une session, les cookies et les données de session sont conservés pendant toute sa durée. Cela signifie que vous pouvez vous connecter une seule fois à des services, et Devin maintiendra cet état d’authentification pour le reste de la session.

Intégration & workflow

Les outils IDE, navigateur et shell fonctionnent ensemble de manière fluide pour offrir une expérience de développement complète. Devin peut lancer de façon optimiste différentes séries d’actions, par exemple afficher le navigateur tout en exécutant une commande shell et en lisant plusieurs fichiers de code. Cette exécution parallèle améliore la rapidité et l’efficacité.

Flux de travail typique

Un flux de travail typique utilisant ces outils pourrait ressembler à ceci :
  1. Démarrer une session et laisser Devin commencer à travailler
  2. Suivre l’avancement à l’aide des mises à jour d’avancement
  3. Vérifier les commandes du shell pour comprendre ce que Devin exécute
  4. Passer en revue les modifications de code rapides dans l’IDE à l’aide de la vue des différences (diff)
  5. Effectuer des tests fonctionnels sur les prototypes (pour le développement front-end)
  6. Prendre la main si nécessaire en arrêtant Devin et en utilisant directement l’IDE
  7. Relancer Devin après avoir apporté vos modifications et informé Devin de ce que vous avez fait

Bonnes pratiques

Quand utiliser chaque outil

OutilIdéal pour
IDEExaminer les modifications de code, apporter des modifications rapides, déboguer
BrowserPrototypage front-end, tests visuels, authentification
ShellSurveiller l’exécution des commandes, exécuter des tests, déboguer des problèmes

Conseils pour une collaboration efficace

  • Intervenez tôt : Si vous voyez que Devin part dans la mauvaise direction, arrêtez-le et réorientez-le le plus tôt possible
  • Exploitez l’historique des commandes : Utilisez l’historique des commandes du shell pour comprendre ce que Devin a essayé et ce qui a fonctionné
  • Communiquez les changements : Si vous reprenez la session, indiquez toujours à Devin les modifications que vous avez effectuées en prenant la main