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's 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 Repository-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 der Anleitung, um ein Zugriffstoken für GitHub zu kopieren.
    • Für GitLab können Sie Ihr Kontopasswort verwenden oder ein persönliches Kontotoken erstellen.
    • Verwenden Sie für die Authentifizierung bei Bitbucket Ihren Nutzernamen (nicht Ihre E-Mail-Adresse) und ein App-Passwort.

Schritt 2: Abhängigkeiten installieren

Standardmäßig werden in Firebase Studio beim Importieren eines Projekts keine Abhängigkeiten installiert. Sie müssen dies nach dem ersten Import manuell tun.

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

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

Nach der Konfiguration werden Abhängigkeiten automatisch installiert, wenn Nutzer Ihr Repository in Firebase Studio importieren.

Nächste Schritte