Acerca de los espacios de trabajo de Firebase Studio

Firebase Studio proporciona un entorno de desarrollo colaborativo basado en la nube que simplifica el proceso de compilación de aplicaciones con una combinación extensa de frameworks y bibliotecas.

Después de configurar un espacio de trabajo de Firebase Studio, puedes acceder a un entorno de desarrollo flexible y completamente funcional, y compartirlo: puedes acceder a los espacios de trabajo de Firebase Studio desde cualquier dispositivo y obtener herramientas integradas para optimizar tu proceso de desarrollo y el de tu equipo.

Crea un lugar de trabajo

Un espacio de trabajo en Firebase Studio es un entorno de desarrollo que contiene todo lo que necesitas para desarrollar tu aplicación. Contiene tu código, un editor de código (con complementos relevantes para tu proyecto) y cadenas de herramientas que admiten el desarrollo de apps. Es como crear un proyecto nuevo en tu entorno de desarrollo de escritorio local, excepto que tienes una computadora y un sistema operativo completos preconfigurados y dedicados exclusivamente a compilar tu aplicación, que se ejecuta en tu navegador en la nube y a la que puedes acceder desde cualquier lugar.

Los espacios de trabajo de Firebase Studio están optimizados para contener una sola base de código, por lo que puedes mantener los entornos y las dependencias a nivel del sistema de diferentes aplicaciones aisladas entre sí. Puedes crear varios espacios de trabajo para usarlos con diferentes aplicaciones y frameworks.

Para crear un lugar de trabajo nuevo, sigue estos pasos:

Configura tu lugar de trabajo

Firebase Studio usa Nix para definir la configuración del entorno de cada espacio de trabajo. Nix es un administrador de paquetes puramente funcional y asigna identificadores únicos a cada dependencia, lo que, en última instancia, significa que tu entorno puede contener varias versiones de la misma dependencia sin problemas. También es reproducible y declarativo. En el contexto de Firebase Studio, esto significa que puedes compartir tu archivo de configuración de Nix entre los espacios de trabajo para cargar la misma configuración de entorno. Obtén más información sobre Nix + Firebase Studio.

Crea o edita el archivo .idx/dev.nix

La configuración del entorno se define en el archivo .idx/dev.nix de tu repositorio de código. En este archivo, se especifican todos los componentes que se agregarán a tu espacio de trabajo, incluidos los siguientes:

Consulta el siguiente ejemplo de archivo .idx/dev.nix para obtener una configuración básica del entorno de trabajo que habilita las vistas previas de apps en Firebase Studio:

{ pkgs, ... }: {

  # Which nixpkgs channel to use.
  channel = "stable-23.11"; # or "unstable"

  # Use https://search.nixos.org/packages to find packages
  packages = [
    pkgs.nodejs_20
  ];

  # Sets environment variables in the workspace
  env = {
    SOME_ENV_VAR = "hello";
  };

  # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
  idx.extensions = [
    "angular.ng-template"
  ];

  # Enable previews and customize configuration
  idx.previews = {
    enable = true;
    previews = {
      web = {
        command = [
          "npm"
          "run"
          "start"
          "--"
          "--port"
          "$PORT"
          "--host"
          "0.0.0.0"
          "--disable-host-check"
        ];
        manager = "web";
        # Optionally, specify a directory that contains your web app
        # cwd = "app/client";
      };
    };
  };
}

Aplica la configuración nueva

Cada vez que agregues o actualices el archivo de configuración dev.nix, Firebase Studio mostrará un mensaje en la esquina inferior derecha para volver a compilar el entorno. El tiempo que lleva volver a compilar el entorno depende de la cantidad de paquetes que necesite tu configuración.

Errores de compilación del entorno de depuración

Debido a que los archivos de configuración son código legible por máquinas, pueden tener errores. Si esto sucede, es posible que el entorno no se compile ni se inicie. Firebase Studio muestra una opción para iniciar un entorno de recuperación. Este espacio de trabajo no incluye ninguna de las configuraciones que definiste y solo ejecuta Code OSS básica. Esto te brinda la oportunidad de corregir errores en el archivo de configuración dev.nix y volver a compilar el entorno.

Próximos pasos