Gemini en Firebase dentro de Firebase Studio ofrece asistencia de IA para optimizar tu flujo de trabajo de programación, intercalado en tu editor de código, a través de la interfaz de línea de comandos (CLI) y con el chat. Gemini en Firebase puede proporcionar sugerencias de código, generar código, explicar conceptos de código, actualizar archivos de proyecto, ejecutar comandos de la terminal e interpretar el resultado del comando.
Sin necesidad de realizar ninguna configuración, puedes comenzar a usar Gemini en Firebase de inmediato:
- Chatea con Gemini en Firebase.
- Obtén ayuda intercalada con Gemini en Firebase.
- Chatea con Gemini usando Gemini CLI.
Ten en cuenta que la finalización de código intercalado y el indexado de la base de código están activados de forma predeterminada. Obtén información para ajustar su configuración.
Gemini en Firebase está disponible cuando estás en la vista Code. Puedes usarlo con las apps que inicias en Firebase Studio, las que importas a Firebase Studio y las que compila App Prototyping agent.
Chatea con Gemini en Firebase
Firebase Studio facilita tus flujos de trabajo de desarrollo con un chat asistido por IA.
Empezar a utilizar el chat
Abre o crea un espacio de trabajo en Firebase Studio.
Haz clic en la estrellaGemini en la parte inferior del espacio de trabajo.
Comienza a chatear con Gemini.
(Opcional) Para enviar una instrucción multimodal a Gemini, haz clic en
Adjuntar y selecciona una de las siguientes opciones:
- Dibujo: Usa las herramientas de dibujo para crear el diseño que quieras. Luego, escribe la instrucción y haz clic en Enviar.
- Imagen: Sube una imagen, agrega tu instrucción y, luego, haz clic en Enviar.
- Archivo: Selecciona un archivo de tu espacio de trabajo para usarlo como contexto, agrega tu instrucción y, luego, haz clic en Enviar.
(Opcional) Cambia el modo que usa Gemini para responder a las solicitudes:
- Pregunta: Crea un plan. En este modo, Gemini responde preguntas sin proponer cambios en el código.
- Agente: Realiza cambios en tu app. En este modo, Gemini propone cambios en tu app, pero no los aplica sin tu confirmación.
- Agente (ejecución automática): Aplica automáticamente los cambios a tu app. En este modo, Gemini realiza automáticamente cambios en tu código según tus solicitudes, pero seguirá pidiéndote confirmación para ejecutar comandos de terminal.
(Opcional) Agrega tu propia clave Gemini API y elige un modelo Gemini diferente. Obtén más información en Usa tu propia clave: Usa otros modelos de Gemini en el chat.
(Opcional) Personaliza la forma en que Gemini en Firebase te ayuda ajustando su configuración y agregando archivos de reglas de IA. Obtén más información.
En el panel de chat, puedes hacer preguntas a Gemini y obtener sugerencias de código. En el modo Agente, Gemini incluso puede actualizar los archivos de configuración y código de tu proyecto, y ejecutar comandos de la terminal por ti, directamente en tu espacio de trabajo. Gemini podría preguntarte si puede hacer alguna de las siguientes acciones por ti:
Modifica archivos: Gemini puede agregar una función, corregir un error o refactorizar código. Cuando Gemini proponga cambios en un archivo, verás dos opciones:
- Actualizar archivo: Actualiza el archivo directamente con los cambios propuestos por Gemini.
- Revisar cambios: Abre los cambios propuestos en otra ventana para revisarlos antes de aplicarlos.
Ejecuta comandos de la terminal: Gemini puede ejecutar comandos como instalar dependencias o iniciar un servidor de desarrollo. Es posible que proponga estos comandos por sí solo, o bien puedes pedirle a Gemini que los ejecute. Después de que Gemini proponga un comando, aparecerá el botón Run Terminal Command. Haz clic en él para ejecutar el comando en una terminal dentro de Firebase Studio. Gemini ejecutará el comando y te interpretará los resultados en la ventana de chat, y te ayudará a determinar los pasos siguientes.
Cómo completar tareas complejas con el chat
Gemini en Firebase puede ayudarte a completar tareas de desarrollo complejas, como las siguientes:
- Documentación de tu código: Gemini puede generar automáticamente documentación en el formato adecuado para tu código cuando le pides que “escriba mis documentos”.
- Escribir casos de prueba: Gemini puede actualizar y generar pruebas de unidades automáticamente. Si le pides a Gemini que escriba mis pruebas, Gemini encontrará un archivo de prueba de unidad existente y podrá agregar las pruebas faltantes al archivo. Si no encuentra archivos de prueba de unidad existentes, crea la prueba de unidad para que la revises, iteres y aceptes. Incluso puedes pedirle a Gemini que la ejecute.
- Administración de dependencias: Puedes pedirle a Gemini que detecte las dependencias faltantes en tu código y las resuelva directamente desde la interfaz de chat.
- Refactorización de código: Puedes pedirle a Gemini que refactorice el código en tu nombre, por ejemplo, que extraiga una función o cambie el nombre de una variable en varios archivos. Gemini generará una lista de los cambios propuestos y, después de revisarlos y aplicarlos, puedes pedirle a Gemini que actualice y ejecute pruebas de unidad para verificar la refactorización y asegurarse de que las pruebas sigan pasando.
- Genera y ejecuta flujos de trabajo de Docker: Si habilitaste Docker en tu espacio de trabajo, puedes crear contenedores para tu aplicación rápidamente pidiéndole a Gemini que cree un Dockerfile (por ejemplo, "Crea un Dockerfile para mi app"). Después de que Gemini genera el Dockerfile, puede compilar y ejecutar el contenedor por ti.
- Ejecuta pruebas de integración y unidad: Puedes iniciar la ejecución de pruebas pidiéndole a Gemini que ejecute conjuntos de pruebas específicos (por ejemplo, "Ejecuta mis pruebas de unidades" o "Ejecuta pruebas de integración"). Gemini ejecutará el comando apropiado para tu proyecto (por ejemplo,
npm test
o un comando específico del ejecutor de pruebas) y mostrará los resultados de la prueba en la interfaz de chat.
Cómo usar comandos de barra en el chat
Puedes guiar el resultado que proporciona Gemini en el chat de Firebase con comandos de barra, accesos directos que comienzan con una barra diagonal (/
). Ingresa /
al comienzo de la instrucción del chat de Gemini y selecciona la acción que desees de la lista de comandos de barra disponibles.
Para obtener una lista completa de los comandos de barra, escribe /
en el chat.
Por ejemplo, /generate
seguido de una breve descripción de lo que quieres es un atajo de instrucción para generar fragmentos de código.
Este es un ejemplo de la devolución para ejecutar /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. */
Administra el historial de chat
Puedes mantener diferentes temas separados en tus chats de Gemini en Firebase si inicias diferentes conversaciones. Luego, puedes consultar conversaciones anteriores según el tema.
Para iniciar un nuevo chat, haz lo siguiente:
Haz clic en Nuevo chat en la barra del encabezado del chat.
Ingresa la instrucción.
Para cambiar a otra conversación de chat, sigue estos pasos:
Haz clic en Chats recientes en la barra del encabezado del chat.
Selecciona la conversación de chat a la que quieres acceder.
Continúa esa conversación o consulta los chats anteriores con Gemini.
Para borrar una conversación de chat, sigue estos pasos:
Selecciona la conversación de chat que quieres borrar de Chats recientes en la barra del encabezado del chat.
Haz clic en Borrar chat en la barra del encabezado del chat. Confirma que quieres borrar el subproceso de chat del historial de chat.
Ve citas de código en el chat
Para ayudarte a verificar las sugerencias de código, Firebase Studio comparte información sobre la fuente original y las licencias asociadas. Para ver un registro completo de las citas de código desde la ventana de chat, haz clic en el ícono de registro de licencias en la barra del encabezado del chat.
Para obtener más información sobre las citas de código de Google, consulta Asistencia de código generativo.
Obtén ayuda intercalada de Gemini en Firebase
Firebase Studio aumenta tu productividad con sugerencias de código asistidas por IA de Gemini.
Ten en cuenta que la finalización de código está activada de forma predeterminada. Obtén información para ajustar su configuración.
Obtén sugerencias de código de Gemini en Firebase
Gemini genera bloques completos de código posible intercalado. Para usar la asistencia de código intercalado de Gemini, sigue estos pasos:
Abre un espacio de trabajo en Firebase Studio.
Ve al archivo o a la línea de código con la que quieres obtener ayuda y presiona
Ctrl+I
(Cmd+I
en macOS).Ingresa una descripción de lo que deseas y Gemini generará una sugerencia. También puedes usar acciones como atajos para guiar las sugerencias. Por ejemplo, ingresa
/fixError
para obtener ayuda para corregir errores en el código intercalado.Elige cualquiera de las siguientes opciones:
- Para conservar el código generado, haz clic en Aceptar.
- Para pegar la sugerencia en otro lugar o moverla a un archivo nuevo, selecciona la opción correspondiente en el menú desplegable del botón Descartar.
- Para generar una sugerencia nueva, haz clic en Volver a generar.
- Para quitar la sugerencia por completo, haz clic en Descartar.
(Opcional) Personaliza la forma en que Gemini en Firebase te ayuda ajustando su configuración y agregando archivos de reglas de IA. Obtén más información.
Cómo ver Gemini en comandos Firebase intercalados
Para ver los comandos Gemini intercalados para un código específico, selecciona el código con el que deseas obtener ayuda y haz clic con el botón derecho.
Selecciona la estrellaGemini en el menú y, luego, selecciona la acción que deseas realizar.
Usa la finalización de código sugerida por Gemini
Para ayudarte a escribir código, Firebase Studio proporciona la finalización de código con IA que predice y completa automáticamente el código en cualquier archivo abierto en cuanto comienzas a escribir.
Ten en cuenta que la finalización de código está activada de forma predeterminada.
Para activar o desactivar la finalización de código, ajusta la configuración de finalización de código con uno de los siguientes métodos:
Si usas un archivo
settings.json
, configura"IDX.aI.enableInlineCompletion"
comotrue
ofalse
.Para actualizar la configuración en el espacio de trabajo de Firebase Studio, sigue estos pasos:
Haz clic en
Administrar (ubicado en la parte inferior izquierda del espacio de trabajo) y, luego, elige Configuración o presiona
Ctrl+,
(Cmd+,
en Mac).Si usas App Prototyping agent en Prototyper view, click
Switch to Code to open Code view.
Selecciona la pestaña Workspace y, luego, busca la configuración Firebase Studio > AI > Habilitar autocompletar.
Para desactivar la finalización de código, anula la selección de la opción Habilitar la finalización de código intercalado mientras escribes.
Chatea con Gemini usando Gemini CLI
Gemini CLI es un agente de IA de código abierto que lleva el poder de los modelos de Gemini de Google directamente a tu terminal. Gemini CLI realiza tareas similares a las de Gemini en Firebase, pero es posible que prefieras usar Gemini CLI si eres desarrollador y pasas una cantidad significativa de tiempo en la terminal para tareas como la generación de código, la depuración, la ejecución de comandos o la administración de archivos de proyecto.
Comienza a usar Gemini CLI
Para acceder a Gemini CLI en Firebase Studio, haz lo siguiente:
Cambia a la vista de código: Si trabajas en Prototyper mode,
Switch to Code to open Code view.
Accede a la terminal: Abre el menú
> Terminal > Nueva terminal.
Abre Gemini CLI: En la terminal, ingresa el siguiente comando:
gemini
Personalizar: Elige un tema de color con las teclas de flecha del teclado y, luego, presiona Intro.
Autenticar: Si se te solicita, selecciona un método de autenticación. Para obtener más información sobre la autenticación, consulta la documentación.
En el futuro, solo deberás ingresar gemini
en la terminal para acceder a Gemini CLI.
También puedes ejecutar Gemini CLI en modo no interactivo, lo que resulta útil para la escritura de secuencias de comandos y la automatización. En este modo, Gemini CLI sale automáticamente después de ejecutar el comando que ingresas. Para usar este modo, usa la marca --prompt
o -p
. Por ejemplo:
gemini -p "Create a markdown file that explains my app's architecture"
Usa comandos con Gemini CLI
Puedes chatear con Gemini CLI para hacer preguntas o solicitudes. Podrías preguntarle lo siguiente:
explain [file_name.js]
: Si encuentras código desconocido, usa este comando para solicitar una explicación. Simplemente reemplaza[file_name.js]
por la ruta pertinente o pega el código directamente en la instrucción.refactor [code_snippet]
: Mejora la estructura o la eficiencia de tu código pidiéndole a Gemini que sugiera mejoras de refactorización.debug "Error: Module not found: 'firebase-admin'"
: Cuando encuentres errores, proporciona el mensaje de error a Gemini para obtener estadísticas y posibles soluciones.summarize "Key features of Firebase Realtime Database"
: Gemini puede proporcionar investigación rápida y resúmenes de contenido concisos.
También admite varios comandos integrados para ayudarte a administrar tu sesión, personalizar la interfaz y controlar su comportamiento, como los siguientes:
/help
: Ingresa este comando para ver una lista completa de los comandos y las opciones disponibles, que sirve como un excelente punto de partida para la exploración./chat
: Guarda y reanuda el historial de conversaciones para crear conversaciones ramificadas o reanudar un estado anterior desde una sesión posterior./tools
: Muestra una lista de las herramientas disponibles en Gemini CLI./restore
: Restaura los archivos del proyecto al estado en el que se encontraban justo antes de que se ejecutara una herramienta. Esto es particularmente útil para deshacer las ediciones de archivos realizadas por una herramienta.
Revisa la documentación de Gemini CLI para obtener una lista completa de los comandos.