Erste Schritte mit einem vorhandenen Projekt

Firebase Studio bietet eine optimierte Möglichkeit, vorhandene Web-App-Projekte in einen Firebase Studio-Arbeitsbereich zu importieren. So können Sie mit der KI-Unterstützung von Firebase Studio und den optimierten Funktionen für Entwicklung, Bereitstellung und Monitoring an Ihren vorhandenen Projekten weiterarbeiten.

Sie können Projekte aus einem Quell-Repository (GitHub, GitLab oder Bitbucket), aus Figma mit dem Builder.io Figma-Plug-in oder aus einer lokalen Archivdatei importieren. Firebase Studio unterstützt den Import von GZIP-komprimierten TAR-Dateien und ZIP-Dateien mit einer Größe von weniger als 100 MiB.

Sie können auch ein vorhandenes Projekt duplizieren, um eine Kopie davon zu erstellen.

Jetzt starten

Schritt 1: Projekt importieren

  1. Melden Sie sich in Ihrem Google-Konto an und öffnen Sie Firebase Studio.

  2. Klicken Sie auf Projekt importieren. Das Dialogfeld Projekt importieren wird angezeigt.

  3. Geben Sie im Feld Repo-URL die URL Ihres GitHub-, GitLab- oder Bitbucket-Repositorys ein.

  4. Geben Sie einen Namen für Ihr Projekt an.

  5. Wenn Sie ein Flutter-Projekt importieren, aktivieren Sie Dies ist eine Flutter-App. Andernfalls lassen Sie das Kästchen deaktiviert.

  6. Klicken Sie auf Importieren.

  7. Wenn das Repository privat ist, werden Sie aufgefordert, sich beim jeweiligen Anbieter zu authentifizieren:

    • Folgen Sie bei GitHub der Anleitung, um ein Zugriffstoken zu kopieren.
    • Für GitLab können Sie Ihr Kontopasswort verwenden oder ein persönliches Konto-Token erstellen.
    • Verwenden Sie für Bitbucket Ihren Nutzernamen (nicht Ihre E-Mail-Adresse) und ein App-Passwort zur Authentifizierung.

Schritt 2: Abhängigkeiten installieren

Standardmäßig werden in Firebase Studio keine Abhängigkeiten installiert, wenn Sie ein Projekt importieren. Sie müssen dies also nach dem ersten Import manuell tun.

Wenn Sie beispielsweise eine Flutter-App importieren, sollten Sie flutter pub get im Terminal ausführen. Bei JavaScript- oder TypeScript-Apps ist npm install erforderlich.

Sie können dies für alle zukünftigen Nutzer Ihrer Vorlage und für zukünftige Importe ändern, indem Sie Ihrem Projekt-Repository einen onCreate-Hook zu Ihrer dev.nix-Datei hinzufügen. Sie können onCreate so konfigurieren, dass der für Ihr Projekt geeignete Build-Befehl ausgeführt wird, z. B. npm install oder flutter pub get.

Nachdem dies konfiguriert wurde, werden Abhängigkeiten automatisch installiert, wenn Nutzer Ihr Repository in Firebase Studio importieren.

Nächste Schritte