Cómo migrar de Firebase Studio a Antigravity

1. Introducción

En este lab, se te guiará para migrar tus espacios de trabajo existentes a Google Antigravity, un IDE basado en código y con agentes. Aquí tienes un video de 1 minuto que abarca los pasos que seguiremos en este lab.

2. Instala el IDE de Antigravity

Antigravity es el IDE agente de Google que prioriza el código. En este lab, se usa Antigravity para realizar transformaciones automáticas del proyecto.

  1. Navega a antigravity.google.
  2. Descarga el instalador para tu sistema operativo (macOS, Windows o Linux).
  3. Ejecuta el instalador y sigue las instrucciones en pantalla.
  4. Abre Antigravity para asegurarte de que funcione correctamente.

3. Instala Node.js.

Antigravity y Firebase CLI dependen de Node.js. Asegúrate de tener la versión 20 o una posterior.

  1. Descarga la versión LTS de Node.js desde nodejs.org.
  2. Ejecuta el instalador y acepta la configuración predeterminada.
  3. Abre una terminal y ejecuta node --version para confirmar que la versión sea 20.x o posterior.

4. Instala Firebase CLI

Firebase CLI te permite implementar tu app desde la línea de comandos.

  1. En tu terminal, ejecuta el siguiente comando para instalar la CLI de forma global: 
    npm install -g firebase-tools
  2. Si se te solicitan permisos en macOS o Linux, es posible que debas ejecutar lo siguiente: 
    sudo npm install -g firebase-tools
  3. Verifica la instalación: 
    firebase --version
    Asegúrate de que la versión sea 15.10.0 o posterior.

5. Exporta tu proyecto desde Firebase Studio

  1. Abre tu espacio de trabajo en Firebase Studio.
  2. Haz clic en el botón Mover ahora en la parte superior del espacio de trabajo.
  3. Sigue las instrucciones en pantalla para comprimir y descargar los archivos de su proyecto.
    • Nota: Si no aparece ninguna ventana, busca bloqueadores de ventanas emergentes en la barra de direcciones del navegador.
  4. Extrae la carpeta ZIP descargada a un directorio local.

6. Inicializa tu app en Antigravity

  1. Abre la carpeta extraída en Antigravity.
  2. En el panel Agente, selecciona el modelo Gemini Flash.
  3. Escribe la siguiente instrucción: 
    @fbs-to-agy-export
  4. Sigue las indicaciones del agente y brinda asistencia si se te solicita para completar la transformación del proyecto.

7. Obtén una vista previa de tu app de forma local

  1. Navega al menú Ejecutar y depurar en la barra lateral izquierda.
  2. Haz clic en el botón Play para iniciar el servidor de desarrollo local.
  3. Sigue las instrucciones de la terminal para ver tu aplicación.

8. Cómo publicar tu app

  1. Abre el panel de chat del agente.
  2. Escribe la siguiente instrucción: 
    Publish my app
  3. Cuando se te solicite que ejecutes firebase deploy, selecciona Sí.
  4. El agente te vinculará a tu URL de App Hosting existente o te guiará por una nueva configuración.

9. Conclusión

Migraste correctamente tu proyecto de Firebase Studio a Antigravity y lo volviste a implementar con flujos de trabajo basados en agentes.