Jak przejść z Firebase Studio na Antigravity

1. Wprowadzenie

W tym laboratorium dowiesz się, jak przenieść istniejące obszary robocze do Google Antigravity, czyli środowiska IDE opartego na kodzie i agentach. Obejrzyj 1-minutowy film, w którym przedstawiamy kroki, które wykonamy w tym laboratorium.

2. Instalowanie środowiska IDE Antigravity

Antigravity to oparte na kodzie środowisko IDE od Google, które wykorzystuje agentów. W tym laboratorium używamy Antigravity do automatycznego przekształcania projektów.

  1. Otwórz antigravity.google.
  2. Pobierz instalator dla swojego systemu operacyjnego (macOS, Windows lub Linux).
  3. Uruchom instalator i postępuj zgodnie z instrukcjami wyświetlanymi na ekranie.
  4. Otwórz Antigravity, aby upewnić się, że działa prawidłowo.

3. Instalowanie Node.js

Antigravity i wiersz poleceń Firebase korzystają z Node.js. Upewnij się, że masz wersję 20 lub nowszą.

  1. Pobierz wersję LTS Node.js ze strony nodejs.org.
  2. Uruchom instalator i zaakceptuj ustawienia domyślne.
  3. Otwórz terminal i uruchom polecenie node --version, aby sprawdzić, czy wersja jest nowsza niż 20.x.

4. Instalowanie wiersza poleceń Firebase

Wiersz poleceń Firebase umożliwia wdrażanie aplikacji z wiersza poleceń.

  1. Aby zainstalować interfejs wiersza poleceń globalnie, uruchom w terminalu to polecenie: 
    npm install -g firebase-tools
  2. Jeśli w systemie macOS lub Linux pojawi się prośba o uprawnienia, może być konieczne uruchomienie tego polecenia: 
    sudo npm install -g firebase-tools
  3. Sprawdź instalację: 
    firebase --version
     Sprawdź, czy wersja jest 15.10.0 lub nowsza.

5. Eksportowanie projektu z Firebase Studio

  1. Otwórz obszar roboczy w Firebase Studio.
  2. U góry obszaru roboczego kliknij przycisk Przenieś teraz.
  3. Postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby spakować i pobrać pliki projektu.
    • Uwaga: jeśli okno się nie pojawi, sprawdź, czy na pasku adresu przeglądarki nie ma blokady wyskakujących okienek.
  4. Wyodrębnij pobrany folder ZIP do katalogu lokalnego.

6. Inicjowanie aplikacji w Antigravity

  1. Otwórz wyodrębniony folder w aplikacji Antigravity.
  2. W panelu agenta wybierz model Gemini Flash.
  3. Wpisz ten prompt: 
    @fbs-to-agy-export
  4. Postępuj zgodnie z instrukcjami agenta i w razie potrzeby udzielaj pomocy, aby dokończyć przekształcenie projektu.

7. Wyświetlanie podglądu aplikacji lokalnie

  1. W menu Uruchom i debuguj na pasku bocznym po lewej stronie.
  2. Aby uruchomić lokalny serwer programistyczny, kliknij przycisk Odtwórz.
  3. Aby wyświetlić aplikację, postępuj zgodnie z instrukcjami w terminalu.

8. Publikowanie aplikacji

  1. Otwórz panel czatu z agentem.
  2. Wpisz ten prompt: 
    Publish my app
  3. Gdy pojawi się pytanie, czy chcesz uruchomić firebase deploy, kliknij Tak.
  4. Pracownik obsługi klienta poda link do istniejącego adresu URL App Hosting lub przeprowadzi Cię przez nową konfigurację.

9. Podsumowanie

Projekt Firebase Studio został przeniesiony do Antigravity i ponownie wdrożony przy użyciu przepływów pracy opartych na agentach.