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 den KI-gestützten Funktionen 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.

Jetzt starten

Schritt 1: Projekt importieren

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