Von Firebase Studio zu Antigravity migrieren

1. Einführung

In diesem Lab erfahren Sie, wie Sie Ihre vorhandenen Arbeitsbereiche zu Google Antigravity migrieren, einer Code-First-IDE mit Agenten. In diesem einminütigen Video werden die Schritte beschrieben, die wir in diesem Lab ausführen werden.

2. Antigravity IDE installieren

Antigravity ist die codeorientierte, agentische IDE von Google. In diesem Lab wird Antigravity verwendet, um automatisierte Projekttransformationen durchzuführen.

  1. Rufen Sie antigravity.google auf.
  2. Laden Sie das Installationsprogramm für Ihr Betriebssystem (macOS, Windows oder Linux) herunter.
  3. Führen Sie das Installationsprogramm aus und folgen Sie der Anleitung auf dem Bildschirm.
  4. Öffnen Sie Antigravity, um zu prüfen, ob die App richtig funktioniert.

3. Node.js installieren

Antigravity und die Firebase CLI basieren auf Node.js. Achten Sie darauf, dass Sie Version 20 oder höher verwenden.

  1. Laden Sie die LTS-Version von Node.js von nodejs.org herunter.
  2. Führen Sie das Installationsprogramm aus und übernehmen Sie die Standardeinstellungen.
  3. Öffnen Sie ein Terminal und führen Sie node --version aus, um zu prüfen, ob die Version 20.x oder höher ist.

4. Firebase CLI installieren

Mit der Firebase CLI können Sie Ihre App über die Befehlszeile bereitstellen.

  1. Führen Sie im Terminal den folgenden Befehl aus, um die CLI global zu installieren: 
    npm install -g firebase-tools
  2. Wenn Sie unter macOS oder Linux zur Angabe von Berechtigungen aufgefordert werden, müssen Sie möglicherweise Folgendes ausführen: 
    sudo npm install -g firebase-tools
  3. Installation prüfen: 
    firebase --version
    Achten Sie darauf, dass die Version 15.10.0 oder höher ist.

5. Projekt aus Firebase Studio exportieren

  1. Öffnen Sie Ihren Arbeitsbereich in Firebase Studio.
  2. Klicken Sie oben im Arbeitsbereich auf die Schaltfläche Jetzt verschieben.
  3. Folgen Sie der Anleitung auf dem Bildschirm, um die Projektdateien zu zippen und herunterzuladen.
    • Hinweis: Wenn kein Fenster angezeigt wird, sehen Sie in der Adressleiste Ihres Browsers nach, ob Pop‑up-Blocker aktiviert sind.
  4. Extrahieren Sie den heruntergeladenen ZIP-Ordner in ein lokales Verzeichnis.

6. App in Antigravity initialisieren

  1. Öffnen Sie den extrahierten Ordner in Antigravity.
  2. Wählen Sie im Agent-Bereich das Modell Gemini Flash aus.
  3. Geben Sie den folgenden Prompt ein: 
    @fbs-to-agy-export
  4. Folgen Sie der Anleitung des Kundenservicemitarbeiters und leisten Sie Unterstützung, wenn Sie aufgefordert werden, die Projektumstellung abzuschließen.

7. Lokale Vorschau der App ansehen

  1. Rufen Sie in der Seitenleiste auf der linken Seite das Menü Ausführen und debuggen auf.
  2. Klicken Sie auf die Schaltfläche Spielen, um den lokalen Entwicklungsserver zu starten.
  3. Folgen Sie der Anleitung im Terminal, um sich Ihre Bewerbung anzusehen.

8. App veröffentlichen

  1. Öffnen Sie den Agent-Chatbereich.
  2. Geben Sie den folgenden Prompt ein: 
    Publish my app
  3. Wenn Sie aufgefordert werden, firebase deploy auszuführen, wählen Sie Ja aus.
  4. Der Kundenservicemitarbeiter verweist entweder auf Ihre vorhandene App-Hosting-URL oder führt Sie durch eine neue Einrichtung.

9. Fazit

Sie haben Ihr Firebase Studio-Projekt erfolgreich zu Antigravity migriert und es mit Agent-Workflows neu bereitgestellt.