Prueba Gemini en Firebase desde Firebase Studio

Después de configurar Gemini en Firebase en Firebase Studio, puedes comenzar a usarlo de inmediato para lo siguiente:

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.

Chatea con Gemini en Firebase

Firebase Studio facilita tus flujos de trabajo de desarrollo con el chat asistido por IA.

Cómo comenzar a usar el chat

  1. Abre un espacio de trabajo en Firebase Studio.

  2. Haz clic en sparkGemini en la parte inferior del lugar de trabajo.

  3. Comienza a chatear con Gemini.

  4. (Opcional) Para enviar una instrucción multimodal a Gemini, haz clic en Ícono de adjuntar 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.
  5. (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.

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

Una vez que el chat esté habilitado y activo, podrás hacer preguntas a Gemini y obtener sugerencias de código. 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 preguntar si puede hacer alguna de las siguientes acciones:

  • 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 próximos pasos.

    Nota: En el caso de los comandos de larga duración (por ejemplo, ejecutar un servidor con npm run dev), aparece un botón Detach. Haz clic en Detach para permitir que el comando siga ejecutándose en la terminal mientras recuperas el acceso al chat.

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 pidas 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 garantizar que las pruebas sigan pasando.
  • Genera y ejecuta flujos de trabajo de Docker: Si habilitaste Docker en tu lugar 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 las conversaciones anteriores según el tema.

Para iniciar un nuevo chat, haz lo siguiente:

  1. Haz clic en Nuevo chat en la barra del encabezado del chat.

  2. Ingresa la instrucción.

Para cambiar a otra conversación de chat, sigue estos pasos:

  1. Haz clic en Chats recientes en la barra del encabezado del chat.

  2. Selecciona la conversación de chat a la que quieres acceder.

  3. Continúa esa conversación o consulta chats anteriores con Gemini.

Para borrar una conversación de chat, sigue estos pasos:

  1. Selecciona la conversación de chat que quieres borrar de Chats recientes en la barra del encabezado del chat.

  2. Haz clic en Borrar chat en la barra del encabezado del chat. Confirma que quieres borrar el subproceso de chat del historial de chat.

Cómo ver 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.

Ícono de registro de licencias en la barra de 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:

  1. Abre un espacio de trabajo en Firebase Studio.

  2. 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).

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

  4. 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.
  5. (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

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

  2. Selecciona sparkGemini 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" como true o false.

  • Para actualizar la configuración en el lugar de trabajo de Firebase Studio, sigue estos pasos:

    1. Haz clic en Ícono de ajustes Administrar (ubicado en la parte inferior izquierda del lugar de trabajo) y, luego, elige Configuración o presiona Ctrl+, (Cmd+, en Mac).

      Si usas App Prototyping agent en Prototyper view, click Code switch icon Switch to Code to open Code view.

    2. Selecciona la pestaña Workspace y, luego, busca la configuración Firebase Studio > AI > Enable Inline Completion.

    3. Para desactivar la finalización de código, anula la selección de la opción Habilita la finalización de código intercalado mientras escribes.