Informazioni sugli spazi di lavoro di Firebase Studio

Firebase Studio fornisce un ambiente di sviluppo collaborativo basato su cloud che semplifica il processo di creazione di applicazioni con un'ampia combinazione di framework e librerie.

Dopo aver configurato uno spazio di lavoro Firebase Studio, puoi accedere e condividere un ambiente di sviluppo flessibile e completamente funzionale: gli spazi di lavoro Firebase Studio sono accessibili da qualsiasi dispositivo e forniscono strumenti integrati per semplificare il processo di sviluppo tuo e del tuo team.

Crea un workspace

Uno spazio di lavoro in Firebase Studio è un ambiente di sviluppo che contiene tutto ciò di cui hai bisogno per sviluppare la tua applicazione. Contiene il tuo codice, un editor di codice (con plug-in pertinenti al tuo progetto) e toolchain che supportano lo sviluppo di app. È come creare un nuovo progetto nel tuo ambiente di sviluppo desktop locale, tranne per il fatto che hai un intero computer e un sistema operativo preconfigurati e dedicati esclusivamente alla creazione della tua applicazione, in esecuzione sul browser nel cloud e accessibile ovunque ti trovi.

Gli spazi di lavoro Firebase Studio sono ottimizzati per contenere un unico codebase, in modo da poter mantenere isolati tra loro gli ambienti e le dipendenze a livello di sistema di applicazioni diverse. Puoi creare più spazi di lavoro da utilizzare con applicazioni e framework diversi.

Per creare una nuova area di lavoro:

Configura la tua area di lavoro

Firebase Studio utilizza Nix per definire la configurazione dell'ambiente per ogni spazio di lavoro. Nix è un gestore di pacchetti puramente funzionale e assegna identificatori unici a ogni dipendenza, il che significa che il tuo ambiente può contenere più versioni della stessa dipendenza, senza problemi. È anche riproducibile e dichiarativo. Nel contesto di Firebase Studio, ciò significa che puoi condividere il file di configurazione Nix tra i workspace per caricare la stessa configurazione dell'ambiente. Scopri di più su Nix + Firebase Studio.

Creare o modificare il file .idx/dev.nix

La configurazione dell'ambiente è definita nel file .idx/dev.nix nel repository di codice. Questo file specifica tutti i componenti da aggiungere al tuo workspace, tra cui:

Consulta il seguente file .idx/dev.nix di esempio per una configurazione di base dell'ambiente di lavoro che attiva le anteprime delle app in 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";
      };
    };
  };
}

Applica nuova configurazione

Ogni volta che aggiungi o aggiorni il file di configurazione dev.nix, Firebase Studio mostra un prompt nell'angolo in basso a destra per ricompilare l'ambiente. Il tempo necessario per ricreare l'ambiente dipende dal numero di pacchetti necessari per la configurazione.

Eseguire il debug degli errori di build dell'ambiente

Poiché i file di configurazione sono codice leggibile dal computer, possono contenere errori. In questo caso, la creazione dell'ambiente potrebbe non riuscire e l'ambiente potrebbe non avviarsi. Firebase Studio viene visualizzata un'opzione per avviare un ambiente di recupero. Questo spazio di lavoro non include nessuna delle configurazioni che hai definito e esegue solo Code OSS di base. In questo modo hai la possibilità di correggere gli errori nel file di configurazione di dev.nix e ricompilare l'ambiente.

Passaggi successivi