Essayer Gemini dans Firebase dans Firebase Studio

Gemini dans Firebase au sein de Firebase Studio propose une assistance par IA pour simplifier votre workflow de codage, en ligne dans votre éditeur de code, via l'interface de ligne de commande (CLI) et à l'aide du chat. Gemini dans Firebase 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 les résultats de commandes.

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

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

Gemini dans Firebase 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 dans Firebase

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 de confirmer l'exécution des 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 dans Firebase 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 actions 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 propose 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 dans Firebase peut vous aider à accomplir 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 scénarios de test : Gemini peut mettre à jour et générer automatiquement 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 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 du code à votre place, par exemple en extrayant une fonction ou en renommant une variable dans plusieurs fichiers. Gemini génère une liste des modifications proposées. Après les avoir examinées et appliquées, vous pouvez demander à Gemini de mettre à jour et d'exécuter des tests unitaires pour vérifier la refactorisation et s'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 programme d'exécution de tests 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 le résultat fourni par Gemini dans la discussion Firebase 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 discussion 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 voulez 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. */

Gérer l'historique des discussions

Vous pouvez séparer différents sujets dans vos discussions Gemini dans Firebase 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 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 de la discussion.

  2. Cliquez sur Supprimer la discussion dans la barre d'en-tête de la discussion. 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 l'aide de Gemini dans Firebase

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 dans Firebase

Gemini génère des blocs complets de code possible en ligne. Pour utiliser l'assistance au codage 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 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 Régénérer.
    • Pour supprimer définitivement la suggestion, cliquez sur Ignorer.

  5. (Facultatif) Personnalisez la façon dont Gemini dans Firebase vous aide en ajustant ses paramètres et en ajoutant des fichiers de règles d'IA. En savoir plus

Afficher les commandes Gemini dans Firebase

  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 fournit une fonctionnalité de saisie semi-automatique de code basée sur l'IA qui prédit et complète 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 saisie semi-automatique de code, ajustez vos paramètres de saisie semi-automatique 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 Prototyper view, click Code switch icon Switch to Code to open Code view.

    2. Sélectionnez l'onglet Espace de travail, puis recherchez le paramètre Firebase Studio > IA > Activer la saisie semi-automatique.

    3. Pour désactiver la saisie semi-automatique du code, décochez l'option Activer la saisie semi-automatique du code intégré à mesure que vous le saisissez.

Discuter avec Gemini à l'aide de Gemini CLI

Gemini CLI est un agent d'IA Open Source qui apporte la puissance des modèles Gemini de Google directement dans votre terminal. Gemini CLI effectue des tâches similaires à celles de Gemini dans Firebase, mais vous préférerez peut-être utiliser Gemini CLI si vous êtes un développeur qui passe beaucoup de temps dans le terminal pour des tâches telles que la génération de code, le débogage, l'exécution de commandes ou la gestion de fichiers de projet.

Premiers pas avec Gemini CLI

Pour accéder à Gemini CLI dans Firebase Studio :

  1. Passez à la vue Code : si vous travaillez dans Prototyper mode, Code switch icon Switch to Code to open Code view.

  2. Accédez au terminal : ouvrez le menu icône de menu > Terminal > Nouveau terminal.

  3. Ouvrez Gemini CLI : dans le terminal, saisissez la commande suivante :

    gemini

  4. Personnaliser : sélectionnez un thème de couleur à l'aide des touches fléchées de votre clavier, puis appuyez sur Entrée.

  5. S'authentifier : si vous y êtes invité, sélectionnez une méthode d'authentification. Pour en savoir plus sur l'authentification, consultez la documentation.

À l'avenir, il vous suffira de saisir gemini dans le terminal pour accéder à Gemini CLI.

Vous pouvez également exécuter Gemini CLI en mode non interactif, ce qui est utile pour les scripts et l'automatisation. Dans ce mode, Gemini CLI quitte automatiquement après l'exécution de la commande que vous saisissez. Pour utiliser ce mode, utilisez l'option --prompt ou -p. Exemple : 

gemini -p "Create a markdown file that explains my app's architecture"

Utiliser des commandes avec Gemini CLI

Vous pouvez discuter avec Gemini CLI pour poser des questions ou faire des demandes. Vous pouvez lui demander :

  • explain [file_name.js] : si vous rencontrez du code que vous ne connaissez pas, utilisez cette commande pour demander une explication. Il vous suffit de remplacer [file_name.js] par le chemin d'accès approprié ou de coller le code directement dans la requête.
  • refactor [code_snippet] : améliorez la structure ou l'efficacité de votre code en demandant à Gemini de suggérer des améliorations de refactoring.
  • debug "Error: Module not found: 'firebase-admin'" : lorsque vous rencontrez des erreurs, fournissez le message d'erreur à Gemini pour obtenir des informations et des solutions potentielles.
  • summarize "Key features of Firebase Realtime Database" :Gemini peut effectuer des recherches rapides et résumer le contenu de manière concise.

Il prend également en charge plusieurs commandes intégrées pour vous aider à gérer votre session, à personnaliser l'interface et à contrôler son comportement, par exemple :

  • /help : saisissez cette commande pour afficher une liste complète des commandes et options disponibles. C'est un excellent point de départ pour explorer les fonctionnalités.
  • /chat : enregistrez et reprenez l'historique des conversations pour créer des conversations ramifiées ou reprendre un état précédent à partir d'une session ultérieure.
  • /tools : affiche la liste des outils disponibles dans Gemini CLI.
  • /restore : restaure les fichiers du projet dans l'état dans lequel ils se trouvaient juste avant l'exécution d'un outil. Cela est particulièrement utile pour annuler les modifications apportées à un fichier par un outil.

Pour obtenir la liste complète des commandes, consultez la documentation Gemini CLI.