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 una combinazione completa 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 per te e il 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 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 nel browser nel cloud e accessibile ovunque ti trovi.

Gli spazi di lavoro Firebase Studio sono ottimizzati per contenere un'unica base di codice, in modo da poter mantenere isolati gli ambienti e le dipendenze a livello di sistema di diverse applicazioni. 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 area di lavoro. Nix è un gestore dei pacchetti puramente funzionale e assegna identificatori univoci a ogni dipendenza, il che significa che il tuo ambiente può contenere più versioni della stessa dipendenza senza problemi. È inoltre riproducibile e dichiarativo. Nel contesto di Firebase Studio, significa che puoi condividere il file di configurazione Nix tra gli spazi di lavoro 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 del codice. Questo file specifica tutti i componenti da aggiungere allo spazio di lavoro, tra cui:

Consulta il seguente esempio di file .idx/dev.nix 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 viene visualizzato un messaggio nell'angolo in basso a destra per ricostruire l'ambiente. Il tempo necessario per ricostruire l'ambiente dipende dal numero di pacchetti necessari per la configurazione.

Errori di compilazione dell'ambiente di debug

Poiché i file di configurazione sono codice leggibile da un computer, possono contenere errori. In questo caso, la compilazione dell'ambiente potrebbe non riuscire e l'ambiente potrebbe non avviarsi. Firebase Studio viene visualizzata un'opzione per avviare un ambiente di ripristino. Questa area di lavoro non include la configurazione che hai definito e esegue solo operazioni di base Code OSS. In questo modo hai la possibilità di correggere gli errori nel file di configurazionedev.nix e di ricostruire l'ambiente.

Passaggi successivi