Firebase Studio-Arbeitsbereiche

Firebase Studio bietet eine kollaborative, cloudbasierte Entwicklungsumgebung, die den Aufbau von Anwendungen mit einer umfangreichen Kombination aus Frameworks und Bibliotheken vereinfacht.

Nachdem Sie einen Firebase Studio-Arbeitsbereich eingerichtet haben, können Sie auf eine voll funktionsfähige, flexible Entwicklungsumgebung zugreifen und diese freigeben: Firebase Studio-Arbeitsbereiche sind von jedem Gerät aus zugänglich und bieten integrierte Tools, mit denen Sie und Ihr Team den Entwicklungsvorgang optimieren können.

Arbeitsbereich erstellen

Ein Arbeitsbereich in Firebase Studio ist eine Entwicklungsumgebung, die alles enthält, was Sie zum Entwickeln Ihrer Anwendung benötigen. Es enthält Ihren Code, einen Code-Editor (mit Plug-ins, die für Ihr Projekt relevant sind) und Toolchains, die die App-Entwicklung unterstützen. Das ist genau wie das Erstellen eines neuen Projekts in Ihrer lokalen Entwicklungsumgebung auf dem Computer, mit dem Unterschied, dass ein ganzer Computer und ein Betriebssystem ausschließlich für die Entwicklung Ihrer Anwendung vorkonfiguriert und vorgesehen sind. Die Anwendung wird in Ihrem Browser in der Cloud ausgeführt und ist von überall aus zugänglich.

Firebase Studio-Arbeitsbereiche sind für eine einzelne Codebasis optimiert, sodass Sie die Umgebungen und Abhängigkeiten auf Systemebene verschiedener Anwendungen voneinander isolieren können. Sie können mehrere Arbeitsbereiche für verschiedene Anwendungen und Frameworks erstellen.

So erstellen Sie einen neuen Arbeitsbereich:

Öffnen einer Vorlage oder Beispiel-App
Projekt importieren
Prototyp mit KI erstellen und dann zur Code-Ansicht (</>) wechseln.

Arbeitsbereich konfigurieren

Firebase Studio verwendet Nix, um die Umgebungskonfiguration für jeden Arbeitsbereich zu definieren. Nix ist ein rein funktionaler Paketmanager, der jeder Abhängigkeit eine eindeutige Kennung zuweist. Das bedeutet, dass Ihre Umgebung nahtlos mehrere Versionen derselben Abhängigkeit enthalten kann. Außerdem ist es reproduzierbar und deklarativ. Im Kontext von Firebase Studio bedeutet das, dass Sie Ihre Nix-Konfigurationsdatei für mehrere Arbeitsbereiche freigeben können, um dieselbe Umgebungskonfiguration zu laden. Weitere Informationen zu Nix + Firebase Studio

`.idx/dev.nix`-Datei erstellen oder bearbeiten

Die Umgebungskonfiguration ist in der Datei .idx/dev.nix in Ihrem Code-Repository definiert. In dieser Datei werden alle Komponenten angegeben, die Ihrem Arbeitsbereich hinzugefügt werden sollen, darunter:

Systemtools, die über die Nix-Paketregistrierung verfügbar sind, einschließlich Compilern, Paketen (z. B. go oder angular) und Befehlszeilen-Dienstprogrammen wie zusätzlichen gcloud CLI-Komponenten.
IDE-Erweiterungen aus der OpenVSX-Registry, z. B. sprachspezifische Debugger, Codeformatierer und offizielle Erweiterungen für Cloud-Dienste.
Gängige Dienste wie Docker, Pub/Sub-Messaging, Datenbanken wie Postgres und Redis und mehr

In der folgenden Beispiel-.idx/dev.nix-Datei finden Sie eine grundlegende Konfiguration der Arbeitsbereichsumgebung, die App-Vorschauen in Firebase Studio aktiviert:

{ 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";
      };
    };
  };
}

Neue Konfiguration anwenden

Jedes Mal, wenn Sie die dev.nix-Konfigurationsdatei hinzufügen oder aktualisieren, wird in Firebase Studio rechts unten die Aufforderung Umgebung neu erstellen angezeigt. Wie lange es dauert, die Umgebung neu zu erstellen, hängt von der Anzahl der Pakete ab, die für Ihre Konfiguration erforderlich sind.

Buildfehler in der Debug-Umgebung

Da Konfigurationsdateien maschinenlesbarer Code sind, können sie Fehler enthalten. In diesem Fall kann die Umgebung möglicherweise nicht erstellt und gestartet werden. Unter Firebase Studio wird eine Option zum Starten einer Wiederherstellungsumgebung angezeigt. Dieser Arbeitsbereich enthält keine von Ihnen definierte Konfiguration und führt nur grundlegende Code OSS aus. So haben Sie die Möglichkeit, Fehler in Ihrer dev.nix-Konfigurationsdatei zu beheben und die Umgebung neu zu erstellen.