Wypróbuj Gemini w Firebase w Firebase Studio

Gemini w Firebase w Firebase Studio oferuje pomoc AI, która usprawnia przepływ pracy związany z kodowaniem – w edytorze kodu, w interfejsie wiersza poleceń (CLI) i na czacie. Gemini w Firebase może podpowiadać kod, generować go, wyjaśniać koncepcje związane z kodem, aktualizować pliki projektu, uruchamiać polecenia terminala i interpretować wyniki poleceń.

Bez konfiguracji możesz od razu zacząć korzystać z Gemini w Firebase:

Pamiętaj, że uzupełnianie kodu w treści i indeksowanie bazy kodu są domyślnie włączone. Dowiedz się, jak dostosować ustawienia.

Gemini w Firebase jest dostępna, gdy korzystasz z widoku Code. Możesz go używać w przypadku aplikacji, które uruchamiasz w Firebase Studio, aplikacji importowanych do Firebase Studio i aplikacji utworzonych przez App Prototyping agent.

Czat z Gemini w Firebase

Firebase Studio ułatwia przepływy pracy związane z programowaniem dzięki czatowi z pomocą AI.

Pierwsze kroki z czatem

  1. Otwórz lub utwórz obszar roboczy w Firebase Studio.

  2. U dołu obszaru roboczego kliknij sparkGemini.

  3. Rozpocznij czat z: Gemini.

  4. (Opcjonalnie) Wyślij prompt multimodalny do Gemini, klikając Ikona załącznika Załącz i wybierając jedną z tych opcji:

    • Rysowanie: użyj narzędzi do rysowania, aby zaprojektować zamierzony projekt, a następnie wpisz prompt i kliknij Wyślij.
    • Obraz: prześlij obraz, dodaj prompt, a następnie kliknij Wyślij.
    • Plik: wybierz plik z obszaru roboczego, który ma posłużyć jako kontekst, dodaj prompt, a potem kliknij Wyślij.

  5. (Opcjonalnie) Zmień tryb, w jakim Gemini odpowiada na żądania:

    • Zapytaj: Utwórz plan. W tym trybie Gemini odpowiada na pytania bez proponowania zmian w kodzie.
    • Agent: wprowadza zmiany w aplikacji. W tym trybie Gemini proponuje zmiany w aplikacji, ale nie stosuje ich bez Twojego potwierdzenia.
    • Agent (automatyczne uruchamianie): automatyczne stosowanie zmian w aplikacji. W tym trybie usługaGemini automatycznie wprowadza zmiany w kodzie na podstawie Twoich próśb, ale nadal będzie prosić o potwierdzenie uruchomienia poleceń terminala.

  6. (Opcjonalnie) dodaj własny klucz Gemini API i wybierz inny model Gemini. Więcej informacji znajdziesz w artykule Używanie własnego klucza: korzystanie z innych modeli w Google Chat.Gemini

  7. (Opcjonalnie) Dostosuj sposób, w jaki Gemini w Firebase Ci pomaga, zmieniając jego ustawienia i dodając pliki reguł AI. Więcej informacji

W panelu czatu możesz zadawać Geminipytania i otrzymywać sugestie dotyczące kodu. W trybie agentaGemini może nawet aktualizować pliki konfiguracji projektu i kod oraz uruchamiać polecenia terminala bezpośrednio w obszarze roboczym. Gemini może zapytać, czy może wykonać dla Ciebie jedną z tych czynności:

  • Modyfikowanie plików: Gemini może dodać funkcję, naprawić błąd lub refaktoryzować kod. Gdy Gemini zaproponuje zmiany w pliku, zobaczysz 2 opcje:

    • Zaktualizuj plik: bezpośrednio zaktualizuj plik o proponowane zmiany Gemini.
    • Sprawdź zmiany: otwórz proponowane zmiany w innym oknie, aby je sprawdzić przed zastosowaniem.
    .

  • Uruchamianie poleceń terminala: Gemini może uruchamiać polecenia takie jak instalowanie zależności czy uruchamianie serwera deweloperskiego. Może on sam zaproponować te polecenia lub możesz poprosić Gemini o ich wykonanie. Gdy Gemini zaproponuje polecenie, pojawi się przycisk Uruchom polecenie terminala. Kliknij go, aby wykonać polecenie w terminalu w Firebase Studio. Gemini uruchomi polecenie i zinterpretuje wyniki w oknie czatu oraz pomoże Ci określić kolejne kroki.

Wykonywanie złożonych zadań za pomocą czatu

Gemini w Firebase może Ci pomóc w wykonywaniu złożonych zadań związanych z programowaniem, takich jak:

  • Dokumentowanie kodu: Gemini może automatycznie generować dokumentację w odpowiednim formacie dla Twojego kodu, gdy poprosisz go o „Napisz dokumentację”.
  • Pisanie przypadków testowych: Gemini może automatycznie aktualizować i generować testy jednostkowe. Jeśli poprosisz Gemini o „napisanie testów”, Gemini znajdzie istniejący plik testu jednostkowego i może dodać do niego brakujące testy. Jeśli nie znajdzie istniejących plików testów jednostkowych, utworzy test jednostkowy, który możesz sprawdzić, zmodyfikować i zaakceptować. Możesz nawet poprosić Gemini o jego uruchomienie.
  • Zarządzanie zależnościami: możesz poprosić Gemini o wykrycie brakujących zależności w kodzie i rozwiązanie problemu bezpośrednio w interfejsie czatu.
  • Refaktoryzacja kodu: możesz poprosić Gemini o refaktoryzację kodu w Twoim imieniu, np. o wyodrębnienie funkcji lub zmianę nazwy zmiennej w wielu plikach. Gemini wygeneruje listę proponowanych zmian, a po ich przejrzeniu i zastosowaniu możesz poprosić Gemini o zaktualizowanie i przeprowadzenie testów jednostkowych, aby zweryfikować refaktoryzację i upewnić się, że testy nadal przechodzą.
  • Generowanie i uruchamianie przepływów pracy Dockera: jeśli włączysz Dockera w swojej przestrzeni roboczej, możesz szybko skonteneryzować aplikację, prosząc Geminio utworzenie pliku Dockerfile (np. „Utwórz plik Dockerfile dla mojej aplikacji”). Gdy Gemini wygeneruje plik Dockerfile, może utworzyć i uruchomić kontener.
  • Uruchamianie testów jednostkowych i integracyjnych: możesz rozpocząć wykonywanie testów, prosząc Gemini o uruchomienie określonych pakietów testów (np. „Uruchom moje testy jednostkowe” lub „Uruchom testy integracyjne”). Gemini wykona odpowiednie polecenie dla Twojego projektu (np. npm test lub konkretne polecenie narzędzia do uruchamiania testów) i wyświetli wyniki testu w interfejsie czatu.

Używanie poleceń po ukośniku w Google Chat

Możesz sterować wynikami, które Gemini w FirebaseGoogle Chat/ generuje, używając poleceń rozpoczynających się ukośnikiem (/). Wpisz / na początku Gemini promptu na czacie i wybierz działanie z listy dostępnych poleceń.

Aby wyświetlić pełną listę poleceń po ukośniku, wpisz / na czacie.

Na przykład /generate, a następnie krótki opis tego, co chcesz uzyskać, to skrót do prompta, który umożliwia generowanie fragmentów kodu.

Oto przykład wyniku działania funkcji /generate css for a black background:

body {
  background-color: black;
}

/* This CSS code sets the background color of the <body> element to black. This will make the background of the entire web page black. */

Odwoływanie się do konkretnych plików i folderów na czacie

Aby zapewnić dodatkowy kontekst dla próśb i pytań, które zadajesz Gemini w Firebase, możesz odwoływać się do konkretnych plików i folderów za pomocą symbolu @.

Na przykład Explain what's contained within the @src/ai directory.

Zarządzanie historią czatów

Możesz rozdzielać różne tematy w czatach z Gemini w Firebase, rozpoczynając różne wątki. Następnie możesz wrócić do wcześniejszych wątków według tematu.

Aby rozpocząć nowy czat:

  1. Na pasku nagłówka czatu kliknij Nowy czat.

  2. Wpisz prompta.

Aby przełączyć się na inny wątek czatu:

  1. Na pasku nagłówka czatu kliknij Ostatnie czaty.

  2. Wybierz wątek czatu, do którego chcesz uzyskać dostęp.

  3. Kontynuuj wątek czatu lub wróć do poprzednich czatów za pomocą przycisku Gemini.

Aby usunąć wątek czatu:

  1. Wybierz wątek czatu, który chcesz usunąć z ostatnich czatów na pasku nagłówka czatu.

  2. Na pasku nagłówka czatu kliknij Usuń czat. Potwierdź, że chcesz usunąć wątek czatu z historii czatów.

Wyświetlanie cytatów z kodu na czacie

Aby pomóc Ci w weryfikacji sugestii kodu, Firebase Studio udostępnia informacje o oryginalnym źródle i powiązanych licencjach. Pełny dziennik cytowań kodu z okna czatu możesz wyświetlić, klikając ikonę dziennika licencji na pasku nagłówka czatu.

Ikona dziennika licencji na pasku nagłówka czatu

Więcej informacji o cytowaniu kodu przez Google znajdziesz w artykule Generative Code Assistance (Pomoc w generowaniu kodu).

Uzyskiwanie pomocy od Gemini w Firebase

Firebase Studio zwiększa produktywność dzięki sugestiom kodu opartym na AI od Gemini.

Pamiętaj, że domyślnie włączone jest uzupełnianie kodu. Dowiedz się, jak dostosować ustawienia.

Otrzymywanie sugestii kodu od Gemini w Firebase

Gemini generuje kompletne bloki możliwego kodu. Aby skorzystać z Gemini pomocy dotyczącej kodu wbudowanego, wykonaj te czynności:

  1. Otwórz obszar roboczy w Firebase Studio.

  2. Otwórz plik lub wiersz kodu, z którym potrzebujesz pomocy, i naciśnij Ctrl+I (Cmd+I w systemie macOS).

  3. Wpisz opis tego, co chcesz zrobić, a Geminiwygeneruje sugestię. Możesz też używać działań jako skrótów, aby kierować sugestiami. Wpisz na przykład /fixError, aby uzyskać pomoc w poprawianiu błędów w kodzie wbudowanym.

  4. Wybierz jedną z tych opcji:

    • Aby zachować wygenerowany kod, kliknij Akceptuję.
    • Aby wkleić sugestię w innym miejscu lub przenieść ją do nowego pliku, wybierz odpowiednią opcję z menu przycisku Odrzuć.
    • Aby wygenerować nową sugestię, kliknij Wygeneruj ponownie.
    • Aby całkowicie usunąć sugestię, kliknij Odrzuć.

  5. (Opcjonalnie) Dostosuj sposób, w jaki Gemini w Firebase Ci pomaga, zmieniając jego ustawienia i dodając pliki reguł AI. Więcej informacji

Wyświetlanie poleceń Gemini w Firebase w tekście

  1. Aby wyświetlić polecenia Gemini w wierszu dla określonego kodu, wybierz kod, z którym potrzebujesz pomocy, i kliknij go prawym przyciskiem myszy.

  2. W menu wybierz sparkGemini, a następnie wybierz czynność, którą chcesz wykonać.

Korzystanie z sugerowanego uzupełniania kodu w Gemini

Aby ułatwić Ci pisanie kodu, Firebase Studio oferuje uzupełnianie kodu oparte na AI, które przewiduje i automatycznie wypełnia kod w dowolnym otwartym pliku, gdy tylko zaczniesz pisać.

Pamiętaj, że domyślnie włączone jest uzupełnianie kodu.

Aby włączyć lub wyłączyć uzupełnianie kodu, dostosuj ustawienia uzupełniania kodu za pomocą jednej z tych metod:

  • Jeśli używasz pliku settings.json, ustaw wartość "IDX.aI.enableInlineCompletion" na true lub false.

  • Aby zaktualizować ustawienia w obszarze roboczym Firebase Studio:

    1. Kliknij Ikona koła zębatego Zarządzaj (w lewym dolnym rogu obszaru roboczego), a następnie wybierz Ustawienia lub naciśnij Ctrl+, (Cmd+, na komputerze Mac).

      Jeśli używasz App Prototyping agent w Prototyper view, click Code switch icon Switch to Code to open Code view.

    2. Wybierz kartę Workspace (Przestrzeń robocza), a następnie wyszukaj ustawienie Firebase Studio > AI > Enable Inline Completion (AI > Włącz uzupełnianie w tekście).

    3. Aby wyłączyć uzupełnianie kodu, odznacz opcję Włącz uzupełnianie kodu wbudowanego podczas pisania.

nadal musisz skonfigurować ustawienie obszaru roboczego.

Czat z Gemini za pomocą Gemini CLI

Gemini CLI to agent AI typu open source, który udostępnia możliwości modeli Gemini Google bezpośrednio w terminalu. Gemini CLI wykonuje podobne zadania jak Gemini w Firebase, ale jeśli jesteś deweloperem, który spędza dużo czasu w terminalu na zadaniach takich jak generowanie kodu, debugowanie, wykonywanie poleceń czy zarządzanie plikami projektu, możesz woleć używać Gemini CLI.

Wprowadzenie: Gemini CLI

Aby uzyskać dostęp do Gemini CLI w Firebase Studio:

  1. Przełączanie na widok kodu: jeśli pracujesz w Prototyper mode, Code switch icon Switch to Code to open Code view.

  2. Otwórz terminal: otwórz menu ikona menu > Terminal > Nowy terminal.

  3. Otwórz plik Gemini CLI: w terminalu wpisz to polecenie:

    gemini

  4. Dostosuj: wybierz motyw kolorystyczny za pomocą klawiszy strzałek na klawiaturze, a następnie naciśnij Enter.

  5. Uwierzytelnij: wybierz metodę uwierzytelniania. Aby otrzymać bezpłatną licencjęGemini Code Assist z limitem 60 żądań modelu na minutę i 1000 żądań dziennie, wybierz Zaloguj się przez Google. Więcej informacji o uwierzytelnianiu znajdziesz w dokumentacji.

W przyszłości wystarczy, że w terminalu wpiszesz gemini, aby uzyskać dostęp do Gemini CLI.

Możesz też uruchomić Gemini CLI w trybie nieinteraktywnym, który jest przydatny w przypadku skryptów i automatyzacji. W tym trybie Gemini CLI automatycznie się zamyka po wykonaniu wpisanego polecenia. Aby użyć tego trybu, użyj flagi --prompt lub -p. Przykład: 

gemini -p "Create a markdown file that explains my app's architecture"

Używanie poleceń w Gemini CLI

Możesz porozmawiać z Gemini CLI, aby zadać pytania lub przesłać prośby. Możesz zadać to pytanie:

  • explain [file_name.js]: jeśli napotkasz nieznany kod, użyj tego polecenia, aby poprosić o wyjaśnienie. Wystarczy zastąpić [file_name.js] odpowiednią ścieżką lub wkleić kod bezpośrednio w prompcie.
  • refactor [code_snippet]: Ulepsz strukturę lub wydajność kodu, prosząc Gemini o sugerowanie ulepszeń refaktoryzacji.
  • debug "Error: Module not found: 'firebase-admin'": gdy napotkasz błędy, przekaż komunikat o błędzie Gemini, aby uzyskać informacje i potencjalne rozwiązania.
  • summarize "Key features of Firebase Realtime Database":Gemini może szybko przeprowadzać badania i tworzyć zwięzłe podsumowania treści.

Obsługuje też kilka wbudowanych poleceń, które pomagają zarządzać sesją, dostosowywać interfejs i kontrolować jego działanie, np.:

  • /help: wpisz to polecenie, aby wyświetlić pełną listę dostępnych poleceń i opcji, która będzie doskonałym punktem wyjścia do dalszego poznawania narzędzia.
  • /chat: zapisywanie i wznawianie historii rozmów w celu tworzenia rozgałęzionych rozmów lub wznawiania poprzedniego stanu w późniejszej sesji.
  • /tools: wyświetla listę narzędzi dostępnych w Gemini CLI.
  • /restore: przywraca pliki projektu do stanu, w jakim były tuż przed uruchomieniem narzędzia. Jest to szczególnie przydatne w przypadku cofania zmian w plikach wprowadzonych przez narzędzie.

Pełną listę poleceń znajdziesz w Gemini CLIdokumentacji.