Essayer Gemini dans Firebase Studio

Gemini dans Firebase Studio offre une assistance IA pour simplifier votre workflow de codage, en ligne dans votre éditeur de code et à l'aide du chat. Gemini peut vous suggérer du code, en générer, vous expliquer des concepts de code, mettre à jour des fichiers de projet, exécuter des commandes de terminal et interpréter le résultat des commandes.

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

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

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

Discuter avec Gemini

Firebase Studio facilite vos workflows de développement grâce au chat assisté par l'IA.

Premiers pas avec 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 une requête multimodale à Gemini en cliquant sur Icône Joindre Joindre et sélectionnez l'une des options suivantes :

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

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

    • Demande : crée un plan. Dans ce mode, Gemini répond aux questions sans proposer de modifications du 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) : applique automatiquement les modifications à votre application. Dans ce mode, Gemini modifie automatiquement votre code en fonction de vos demandes, mais vous demandera toujours une confirmation pour exécuter les commandes du 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 modèles Gemini dans le chat.

  7. (Facultatif) Personnalisez la façon dont Gemini vous aide 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 des questions à Gemini 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.
    • 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 du terminal s'affiche. Cliquez dessus pour exécuter la commande dans un terminal de 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, comme :

  • Documenter votre code : Gemini peut générer automatiquement la documentation au format approprié pour votre code lorsque vous lui demandez d'écrire votre documentation.
  • Écrire des cas de test : Gemini peut mettre à jour et générer automatiquement des tests unitaires. Si vous demandez à Gemini de "rédiger mes tests", Gemini trouve un fichier de test unitaire existant et peut y ajouter les tests manquants. S'il ne trouve pas de fichiers de tests unitaires existants, il crée le test unitaire pour que vous puissiez l'examiner, l'itérer et l'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 depuis l'interface de chat.
  • Refactorisation du code : vous pouvez demander à Gemini de refactoriser le code à votre place, 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 les avoir examinées et appliquées, vous pourrez 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 mettre votre application en conteneur en demandant à Gemini de créer un Dockerfile (par exemple, "Crée un Dockerfile pour mon application"). Une fois que Gemini a généré le fichier Dockerfile, il peut créer et exécuter le conteneur pour vous.
  • Exécuter des tests unitaires et 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écute mes tests unitaires" ou "Exécute les tests d'intégration"). Gemini exécutera la commande appropriée pour votre projet (par exemple, npm test ou une commande de test runner spécifique) et affichera les résultats des tests dans l'interface de chat.

Utiliser des commandes à barre oblique dans le chat

Vous pouvez orienter le résultat fourni par le chat Gemini en utilisant des commandes à barre oblique, c'est-à-dire des raccourcis précédés d'une barre oblique (/). Saisissez / au début de votre requête de chat Gemini, puis 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 requête permettant de générer des extraits de code.

Voici un exemple de résultat de 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 dossiers spécifiques dans le chat

Pour fournir plus de contexte aux requêtes et questions que vous posez à Gemini, vous pouvez faire référence à des fichiers et 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 discussions Gemini en démarrant différents fils de discussion. Vous pourrez ensuite vous reporter aux fils de discussion précédents en fonction du thème.

Pour démarrer une nouvelle discussion :

  1. Cliquez sur Nouvelle discussion dans la barre d'en-tête de la discussion.

  2. Saisissez votre requête.

Pour passer à une autre discussion :

  1. Cliquez sur Discussions récentes dans la barre d'en-tête de la discussion.

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

  3. Poursuivez ce fil de discussion ou consultez les discussions précédentes avec Gemini.

Pour supprimer un fil de discussion :

  1. Sélectionnez le fil de discussion que vous souhaitez supprimer dans Discussions récentes 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 pour le code génératif.

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

Firebase Studio améliore votre productivité grâce aux suggestions de code assistées par l'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 de code complets possibles en ligne. Pour utiliser l'assistance au code en ligne 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 souhaitez obtenir de l'aide, puis appuyez sur Ctrl+I (Cmd+I sur 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 Regénérer.
    • Pour supprimer définitivement la suggestion, cliquez sur Ignorer.

  5. (Facultatif) Personnalisez la façon dont Gemini vous aide 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 intégrées à un code spécifique, sélectionnez le code pour lequel vous souhaitez obtenir de l'aide, puis effectuez un clic droit.

  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 propose 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 vos paramètres de complétion de code à 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+, sur Mac).

      Si vous utilisez App Prototyping agent dans la vue Prototyper, 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 saisie semi-automatique intégrée.

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