Firebase Studio umożliwia łatwe importowanie istniejących projektów aplikacji internetowych do obszaru roboczego Firebase Studio. Dzięki temu możesz kontynuować pracę nad dotychczasowymi projektami, korzystając z pomocy opartej na AI w Firebase Studio's oraz uproszczonych funkcji tworzenia, wdrażania i monitorowania.
Projekty możesz importować z repozytorium źródłowego (GitHub, GitLab lub Bitbucket), z Figmy za pomocą wtyczki Builder.io Figma lub z lokalnego pliku archiwum. Firebase Studio obsługuje importowanie plików tar skompresowanych za pomocą gzip i plików zip o rozmiarze poniżej 100 MiB.
Możesz też zduplikować istniejący projekt, aby utworzyć jego kopię.
Rozpocznij
Krok 1. Zaimportuj projekt
Zaloguj się na konto Google i otwórz Firebase Studio.
Kliknij Importuj projekt. Pojawi się okno Importuj projekt.
W polu Adres URL repozytorium wpisz adres URL repozytorium GitHub, GitLab lub Bitbucket.
Wpisz nazwę projektu.
Jeśli importujesz projekt Flutter, włącz opcję To jest aplikacja Flutter. W przeciwnym razie pozostaw pole wyboru odznaczone.
Kliknij Importuj.
Jeśli repozytorium jest prywatne, pojawi się prośba o uwierzytelnienie u odpowiedniego dostawcy:
- W przypadku GitHuba postępuj zgodnie z instrukcjami, aby skopiować token dostępu.
- W przypadku GitLab możesz użyć hasła do konta lub utworzyć osobisty token konta .
- W przypadku Bitbucket użyj nazwy użytkownika (nie adresu e-mail) i hasła do aplikacji, aby się uwierzytelnić.
Krok 2. Zainstaluj zależności
Domyślnie Firebase Studio nie instaluje zależności podczas importowania projektu, więc musisz to zrobić ręcznie po pierwszym imporcie.
Jeśli na przykład importujesz aplikację Flutter, uruchom w terminalu polecenie flutter pub get lub npm install w przypadku aplikacji JavaScript lub TypeScript.
Możesz to zmienić w przypadku wszystkich przyszłych użytkowników szablonu i przyszłych
importów, dodając hook onCreate do pliku dev.nix w repozytorium
projektu. Możesz skonfigurować onCreate tak, aby uruchamiało polecenie kompilacji
odpowiednie dla Twojego projektu (np. npm install lub flutter pub
get).
Po skonfigurowaniu zależności będą instalowane automatycznie za każdym razem, gdy użytkownicy zaimportują Twoje repozytorium do Firebase Studio.
Dalsze kroki
- Więcej informacji o Firebase Studio obszarach roboczych.
- Dostosowywanie obszaru roboczegoFirebase Studio.
- Dowiedz się, jak Gemini może pomóc Ci w tworzeniu aplikacji i przyspieszyć ten proces , odpowiadając na pytania, generując i edytując kod, naprawiając błędy oraz uruchamiając narzędzia.
- Przekształcanie projektu w szablon niestandardowy.