Essayer Gemini dans Firebase dans Firebase Studio

Une fois que vous avez configuré Gemini dans Firebase dans Firebase Studio, vous pouvez commencer à l'utiliser immédiatement pour:

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 ses paramètres.

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 un espace de travail dans Firebase Studio.

  2. Cliquez sur étincelleGemini au bas de l'espace de travail.

  3. Commencez à discuter avec Gemini.

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

    • Dessin:utilisez les outils de dessin pour concevoir votre conception, 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) 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 Chat.

  6. (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

Une fois la discussion activée, vous pouvez poser des questions à Gemini et obtenir des suggestions de code. Gemini peut même mettre à jour les fichiers de configuration et le code de votre projet, et exécuter des commandes de terminal à votre place, directement dans votre espace de travail. Gemini peut demander s'il peut effectuer l'une des opérations suivantes:

  • 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 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.

    Remarque:Pour les commandes de longue durée (par exemple, l'exécution d'un serveur avec npm run dev), un bouton Dissocier s'affiche. Cliquez sur Dissocier pour permettre à la commande de continuer à s'exécuter dans le terminal tout en retrouvant l'accès à la discussion.

Effectuer des tâches complexes avec le chat

Gemini dans Firebase peut vous aider à effectuer des tâches de développement complexes, par exemple:

  • Documenter votre code:Gemini peut générer automatiquement la documentation au format approprié pour votre code lorsque vous lui demandez de "Écrire mes documents".
  • É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 test unitaire existants, il crée le test unitaire que vous pouvez examiner, itérer 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 depuis l'interface de chat.
  • Refactorisation du code:vous pouvez demander à Gemini de refactoriser le code en votre nom, 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 avoir examiné et appliqué les modifications, vous pouvez demander à Gemini de mettre à jour et d'exécuter des tests unitaires pour vérifier le refactoring 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 à votre place.
  • 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écuter mes tests unitaires" ou "Exécuter des tests d'intégration"). Gemini exécute la commande appropriée pour votre projet (par exemple, npm test ou une commande de testeur spécifique) et affiche les résultats des tests dans l'interface de chat.

Utiliser des commandes à barre oblique dans Chat

Vous pouvez guider la sortie fournie par Gemini dans la discussion Firebase à l'aide de commandes à barre oblique, 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 avec 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 les différents sujets dans vos discussions Gemini dans Firebase en démarrant différents fils de discussion. Vous pouvez ensuite vous reporter aux fils de discussion précédents en fonction du sujet.

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 à un autre fil de 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 la discussion ou revenez à des discussions précédentes avec Gemini.

Pour supprimer un fil de discussion:

  1. Sélectionnez la discussion que vous souhaitez supprimer dans Discussions récentes dans la barre d'en-tête de chat.

  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 depuis la fenêtre de chat en cliquant sur l'icône 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 la section Assistance pour le code génératif.

Obtenir de l'aide intégrée 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 saisie semi-automatique du 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 de code intégré 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 sous macOS).

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

  4. Vous pouvez choisir l'une des options suivantes:

    • Pour conserver le code généré, cliquez sur Accept (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 Supprimer.
    • Pour générer une nouvelle suggestion, cliquez sur Regénérer.
    • Pour supprimer définitivement la suggestion, cliquez sur Supprimer.

  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 Gemini dans les commandes Firebase intégrées

  1. Pour afficher les commandes Gemini en ligne pour un code spécifique, sélectionnez le code pour lequel vous souhaitez obtenir de l'aide, puis effectuez un clic droit dessus.

  2. Sélectionnez étincelleGemini dans le menu, puis 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 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 à saisir du texte.

Notez que la saisie semi-automatique du code est activée par défaut.

Pour activer ou désactiver la saisie semi-automatique du 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 mettre à jour 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 Workspace (Espace de travail), puis recherchez le paramètre Firebase Studio > AI > Enable Inline Completion (Firebase Studio > IA > Activer la saisie en ligne).

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