Gemini dans Firebase Studio offre une assistance basée sur l'IA pour simplifier votre workflow de codage : directement dans votre éditeur de code, via l'interface de ligne de commande (CLI) et à l'aide du 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 la sortie de commande.
Vous pouvez commencer à utiliser Gemini immédiatement, sans aucune configuration :
- Discutez avec Gemini.
- Obtenez de l'aide intégrée avec Gemini.
- Discutez avec Gemini à l'aide de Gemini CLI.
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 l'IA.
Premiers pas avec le chat
Ouvrez ou créez un espace de travail dans Firebase Studio.
Cliquez sur sparkGemini en bas de l'espace de travail.
Commencez à discuter avec Gemini.
(Facultatif) Envoyez un prompt multimodal à Gemini en cliquant sur
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.
(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 les modifications à votre application. Dans ce mode, Gemini modifie automatiquement votre code en fonction de vos requêtes, mais vous demande toujours confirmation pour exécuter les commandes de terminal.
(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.
(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 "Écris ma 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 pour vous, 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 testou une commande spécifique du lanceur de tests) 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 Gemini fourni 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 de votre choix 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 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 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 :
Cliquez sur Nouveau chat dans la barre d'en-tête du chat.
Saisissez votre prompt.
Pour passer à un autre fil de discussion :
Cliquez sur Chats récents dans la barre d'en-tête du chat.
Sélectionnez le fil de discussion auquel vous souhaitez accéder.
Continuez ce fil de discussion ou reportez-vous aux chats précédents avec Gemini.
Pour supprimer un fil de discussion :
Sélectionnez le fil de discussion que vous souhaitez supprimer dans Chats récents dans la barre d'en-tête du chat.
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.
Pour en savoir plus sur les citations de code Google, consultez Assistance au codage 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 complets de code possible en ligne. Pour utiliser l'assistance de code intégrée Gemini, procédez comme suit :
Ouvrez un espace de travail dans Firebase Studio.
Accédez au fichier ou à la ligne de code pour lesquels vous avez besoin d'aide, puis appuyez sur
Ctrl+I(Cmd+Isous macOS).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
/fixErrorpour obtenir de l'aide afin de corriger les erreurs dans le code intégré.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.
(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
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.
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 basée sur l'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"surtrueoufalse.Pour mettre à jour les paramètres dans l'espace de travail Firebase Studio :
Cliquez sur
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
Passer à la vue Code pour ouvrir la vue Code.Sélectionnez l'onglet Espace de travail, puis recherchez le paramètre Firebase Studio > IA > Activer la complétion en ligne .
Pour désactiver la complétion de code, désélectionnez l'option Activer la complétion de code en ligne lorsque vous tapez.
Discuter avec Gemini à l'aide de Gemini CLI
Gemini CLI est un agent IA Open Source qui vous permet d'exploiter la puissance des modèles Gemini de Google directement dans votre terminal. Gemini CLI effectue des tâches similaires à Gemini, 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 :
Passer à la vue Code : si vous travaillez en mode Prototyper,
Passer à la vue Code pour ouvrir la vue Code.Accéder au terminal : ouvrez le menu
> Terminal > Nouveau terminal.Ouvrir Gemini CLI : dans le terminal, saisissez la commande suivante :
geminiPersonnaliser : choisissez un thème de couleurs à l'aide des touches fléchées de votre clavier, puis appuyez sur Entrée.
S'authentifier : sélectionnez une méthode d'authentification. Pour recevoir une licence sans frais Gemini Code Assist avec une limite de 60 requêtes de modèle par minute et 1 000 requêtes par jour sans frais, sélectionnez Se connecter avec Google. 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
se ferme automatiquement après avoir exécuté 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 envoyer des requêtes. 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 le prompt.refactor [code_snippet]: améliorez la structure ou l'efficacité de votre code en demandant à Gemini de suggérer des améliorations de refactorisation.debug "Error: Module not found: 'firebase-admin'": lorsque vous rencontrez des erreurs, donnez le message d'erreur à Gemini pour obtenir des informations et des solutions potentielles.summarize "Key features of Firebase Realtime Database": Gemini peut fournir des recherches rapides et un résumé concis du contenu
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, telles que :
/help: saisissez cette commande pour afficher une liste complète des commandes et options disponibles, ce qui constitue un excellent point de départ pour l'exploration./chat: enregistrez et reprenez l'historique des conversations afin de créer des conversations ramifiées ou de reprendre un état précédent à partir d'une session ultérieure./tools: affichez la liste des outils disponibles dans Gemini CLI./restore: restaurez les fichiers du projet à l'état où ils se trouvaient juste avant l'exécution d'un outil. Cette commande est particulièrement utile pour annuler des modifications de fichiers effectuées par un outil.
Consultez la Gemini CLI documentation pour obtenir la liste complète des commandes.