Essayer Gemini dans Firebase Studio

Gemini dans Firebase Studio propose une assistance par IA pour simplifier votre workflow de codage, directement dans votre éditeur de code et via le chat. Gemini peut vous suggérer du code, générer du code, expliquer des concepts de code, mettre à jour des fichiers de projet, exécuter des commandes de terminal et interpréter le résultat de la commande.

Vous pouvez commencer à utiliser Gemini immédiatement, sans aucune configuration :

Notez que la complétion de code intégrée et l'indexation de la base de code sont activées par défaut. Découvrez comment ajuster leurs paramètres.

Gemini est disponible lorsque vous êtes en vue Code. Vous pouvez l'utiliser avec les applications que vous démarrez dans Firebase Studio, celles que vous importez dans Firebase Studio, et celles créées par le App Prototyping agent.

Discuter avec Gemini

Firebase Studio facilite vos workflows de développement grâce à un chat assisté par IA.

Commencer à utiliser le chat

  1. Ouvrez ou créez un espace de travail dans Firebase Studio.

  2. Cliquez sur sparkGemini en bas de l'espace de travail.

  3. Commencez à discuter avec Gemini.

  4. (Facultatif) Envoyez un prompt multimodal à Gemini en cliquant sur Icône Joindre Joindre , puis sélectionnez l'une des options suivantes :

    • Dessin : utilisez les outils de dessin pour concevoir le design souhaité, puis saisissez votre prompt et cliquez sur Envoyer.
    • Image : importez une image, ajoutez votre prompt, puis cliquez sur Envoyer.
    • Fichier : sélectionnez un fichier de votre espace de travail à utiliser comme contexte, ajoutez votre prompt, puis cliquez sur Envoyer.

  5. (Facultatif) Modifiez le mode utilisé par Gemini pour répondre aux requêtes :

    • Demander : créez un plan. Dans ce mode, Gemini répond aux questions sans proposer de modifications de code.
    • Agent : apportez des modifications à votre application. Dans ce mode, Gemini propose des modifications à votre application, mais ne les applique pas sans votre confirmation.
    • Agent (exécution automatique) : appliquez automatiquement des modifications à votre application. Dans ce mode, Gemini modifie automatiquement votre code en fonction de vos requêtes, mais vous demandera toujours une confirmation pour exécuter les commandes de terminal.

  6. (Facultatif) Ajoutez votre propre clé Gemini API et choisissez un autre modèle Gemini. Pour en savoir plus, consultez Utiliser votre propre clé : utiliser d'autres Gemini modèles dans le chat.

  7. (Facultatif) Personnalisez l'aide de Gemini en ajustant ses paramètres et en ajoutant des fichiers de règles d'IA. En savoir plus.

Dans le panneau de chat, vous pouvez poser Gemini des questions et obtenir des suggestions de code. En mode Agent, Gemini peut même mettre à jour les fichiers de configuration et le code de votre projet, et exécuter des commandes de terminal pour vous, directement dans votre espace de travail. Gemini peut vous demander s'il peut effectuer l'une des opérations suivantes pour vous :

  • Modifier des fichiers : Gemini peut ajouter une fonctionnalité, corriger un bug ou refactoriser du code. Lorsque Gemini propose des modifications à un fichier, deux options s'affichent :

    • Mettre à jour le fichier : mettez directement à jour le fichier avec les modifications proposées par Gemini's.
    • Examiner les modifications : ouvrez les modifications proposées dans une autre fenêtre pour les examiner avant de les appliquer.

  • Exécuter des commandes de terminal : Gemini peut exécuter des commandes telles que l'installation de dépendances ou le démarrage d'un serveur de développement. Il peut proposer ces commandes lui-même ou vous pouvez demander à Gemini de les exécuter. Une fois que Gemini a proposé une commande, le bouton Exécuter la commande de terminal s'affiche. Cliquez dessus pour exécuter la commande dans un terminal dans Firebase Studio. Gemini exécutera la commande et interprétera les résultats pour vous dans la fenêtre de chat, et vous aidera à déterminer les prochaines étapes.

Effectuer des tâches complexes avec le chat

Gemini peut vous aider à effectuer des tâches de développement complexes, telles que :

  • Documenter votre code : Gemini peut générer automatiquement de la documentation au format approprié pour votre code lorsque vous lui demandez d'écrire votre documentation.
  • Écrire des cas de test : Gemini peut automatiquement mettre à jour et générer des tests unitaires. Si vous demandez à Gemini d'écrire vos tests, Gemini recherche un fichier de test unitaire existant et peut y ajouter les tests manquants. S'il ne trouve pas de fichiers de test unitaire existants, il crée le test unitaire que vous pouvez examiner, modifier et accepter. Vous pouvez même demander à Gemini de l'exécuter !
  • Gérer les dépendances : vous pouvez demander à Gemini de détecter les dépendances manquantes dans votre code et de les résoudre directement à partir de l'interface de chat.
  • Refactoriser du code : vous pouvez demander à Gemini de refactoriser du code en votre nom, par exemple en extrayant une fonction ou en renommant une variable dans plusieurs fichiers. Gemini générera une liste des modifications proposées. Après avoir examiné et appliqué les modifications, vous pouvez demander à Gemini de mettre à jour et d'exécuter des tests unitaires pour vérifier la refactorisation et vous assurer que les tests continuent de réussir.
  • Générer et exécuter des workflows Docker : si vous avez activé Docker dans votre espace de travail, vous pouvez rapidement conteneuriser votre application en demandant à Gemini de créer un Dockerfile (par exemple, "Créer un Dockerfile pour mon application"). Une fois que Gemini a généré le Dockerfile, il peut créer et exécuter le conteneur pour vous.
  • Exécuter des tests unitaires et des tests d'intégration : vous pouvez lancer l'exécution des tests en demandant à Gemini d'exécuter des suites de tests spécifiques (par exemple, "Exécuter mes tests unitaires" ou "Exécuter des tests d'intégration"). Gemini exécutera la commande appropriée pour votre projet (par exemple, npm test ou une commande d'exécuteur de test spécifique ) et affichera les résultats des tests dans l'interface de chat.

Utiliser des commandes à barre oblique dans le chat

Vous pouvez guider la sortie Gemini fournie par le chat à l’aide de commandes à barre oblique, des raccourcis précédés d’une barre oblique (/). Saisissez / au début de votre prompt de chat Gemini et sélectionnez l’ action souhaitée dans la liste des commandes à barre oblique disponibles.

Pour obtenir la liste complète des commandes à barre oblique, saisissez / dans le chat.

Par exemple, /generate suivi d'une brève description de ce que vous souhaitez est un raccourci de prompt permettant de générer des extraits de code.

Voici un exemple de résultat pour l'exécution de /generate css for a black background :

body {
  background-color: black;
}

/* This CSS code sets the background color of the <body> element to black. This will make the background of the entire web page black. */

Faire référence à des fichiers et des dossiers spécifiques dans le chat

Pour fournir un contexte supplémentaire aux requêtes et aux questions que vous posez Gemini, vous pouvez faire référence à des fichiers et des dossiers spécifiques à l'aide du symbole @.

Par exemple, Explain what's contained within the @src/ai directory.

Gérer l'historique des discussions

Vous pouvez séparer différents sujets dans vos Gemini chats en démarrant différents fils de discussion. Vous pouvez ensuite vous référer aux fils de discussion précédents en fonction du sujet.

Pour démarrer un nouveau chat :

  1. Cliquez sur Nouveau chat dans la barre d'en-tête du chat.

  2. Saisissez votre prompt.

Pour passer à un autre fil de discussion :

  1. Cliquez sur Chats récents dans la barre d'en-tête du chat.

  2. Sélectionnez le fil de discussion auquel vous souhaitez accéder.

  3. Continuez ce fil de discussion ou reportez-vous aux discussions précédentes avec Gemini.

Pour supprimer un fil de discussion :

  1. Sélectionnez le fil de discussion que vous souhaitez supprimer dans Chats récents dans la barre d'en-tête du chat.

  2. Cliquez sur Supprimer le chat dans la barre d'en-tête du chat. Confirmez que vous souhaitez supprimer le fil de discussion de l'historique des discussions.

Afficher les citations de code dans le chat

Pour vous aider à vérifier les suggestions de code, Firebase Studio partage des informations sur la source d'origine et les licences associées. Vous pouvez consulter un journal complet des citations de code dans la fenêtre de chat en cliquant sur l'icône du journal des licences dans la barre d'en-tête du chat.

Icône du journal des licences dans la barre d&#39;en-tête du chat

Pour en savoir plus sur les citations de code Google, consultez Assistance au codage générative.

Obtenir de l'aide intégrée de Gemini

Firebase Studio améliore votre productivité grâce aux suggestions de code assistées par IA de Gemini.

Notez que la complétion de code est activée par défaut. Découvrez comment ajuster ses paramètres.

Obtenir des suggestions de code de Gemini

Gemini génère des blocs complets de code possible en ligne. Pour utiliser l'assistance de code intégrée Gemini, procédez comme suit :

  1. Ouvrez un espace de travail dans Firebase Studio.

  2. Accédez au fichier ou à la ligne de code pour lesquels vous avez besoin d'aide, puis appuyez sur Ctrl+I (Cmd+I sous macOS).

  3. Saisissez une description de ce que vous souhaitez, et Gemini génère une suggestion. Vous pouvez également utiliser des actions comme raccourcis pour guider les suggestions. Par exemple, saisissez /fixError pour obtenir de l'aide afin de corriger les erreurs dans le code intégré.

  4. Choisissez l'une des options suivantes :

    • Pour conserver le code généré, cliquez sur Accepter.
    • Pour coller la suggestion ailleurs ou la déplacer vers un nouveau fichier, sélectionnez l'option correspondante dans le menu déroulant du bouton Ignorer.
    • Pour générer une nouvelle suggestion, cliquez sur Régénérer.
    • Pour supprimer complètement la suggestion, cliquez sur Ignorer.

  5. (Facultatif) Personnalisez l'aide de Gemini en ajustant ses paramètres et en ajoutant des fichiers de règles d'IA. En savoir plus.

Afficher les commandes Gemini en ligne

  1. Pour afficher les commandes Gemini en ligne pour un code spécifique, sélectionnez le code pour lequel vous avez besoin d'aide et effectuez un clic droit dessus.

  2. Sélectionnez sparkGemini dans le menu, puis sélectionnez l'action que vous souhaitez effectuer.

Utiliser la complétion de code suggérée par Gemini

Pour vous aider à écrire du code, Firebase Studio fournit une complétion de code par IA qui prédit et remplit automatiquement le code dans n'importe quel fichier ouvert dès que vous commencez à taper.

Notez que la complétion de code est activée par défaut.

Pour activer ou désactiver la complétion de code, ajustez ses paramètres à l'aide de l'une des méthodes suivantes :

  • Si vous utilisez un fichier settings.json, définissez "IDX.aI.enableInlineCompletion" sur true ou false.

  • Pour modifier les paramètres dans l'espace de travail Firebase Studio :

    1. Cliquez sur Icône en forme de roue dentée Gérer (en bas à gauche de l'espace de travail), puis sélectionnez Paramètres ou appuyez sur Ctrl+, (Cmd+, sous Mac).

      Si vous utilisez le App Prototyping agent en Prototyper vue, cliquez sur Icône de l&#39;interrupteur de code Passer au code pour ouvrir la vue Code.

    2. Sélectionnez l'onglet Espace de travail, puis recherchez le paramètre Firebase Studio > IA > Activer la complétion intégrée .

    3. Pour désactiver la complétion de code, désélectionnez l'option Activer la complétion de code intégrée lors de la saisie.