Wypróbuj Gemini w Firebase w Firebase Studio

Gemini w Firebase w Firebase Studio oferuje pomoc AI, która usprawnia proces kodowania – 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 żadnej konfiguracji możesz od razu zacząć korzystać z Gemini na stronie 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 jesteś w 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 prompta multimodalnego 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 sł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”). Po wygenerowaniu pliku Dockerfile usługa Gemini 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 generuje na Firebase czacie, używając poleceń rozpoczynających się ukośnikiem (/) – skrótów poprzedzonych ukośnikiem (/). Wpisz / na początku promptu na Gemini czacie i wybierz działanie, które chcesz wykonać, z listy dostępnych poleceń rozpoczynających się ukośnikiem.

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. */

Zarządzanie historią czatów

W Gemini możesz prowadzić czaty na różne tematy w Firebase oddzielnych wątkach. Możesz wtedy wracać 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ą Gemini.

Aby usunąć wątek czatu:

  1. Wybierz wątek czatu, który chcesz usunąć z sekcji Ostatnie czaty 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 Google znajdziesz w artykule Generative Code Assistance.

Uzyskiwanie pomocy w tekście 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 uzyskać, 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ę w 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 Macu).

      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.

Czat z Gemini za pomocą Gemini CLI

Gemini CLI to agent AI typu open source, który udostępnia możliwości modeli Gemini od Google bezpośrednio w terminalu. Gemini CLI wykonuje podobne zadania jak Gemini w Firebase, ale jeśli jesteś programistą, 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 aplikacji 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: jeśli pojawi się odpowiedni komunikat, wybierz metodę uwierzytelniania. 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 natrafisz na 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'": jeśli napotkasz błędy, przekaż komunikat o błędzie do 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.