Wypróbuj Gemini w Firebase w Firebase Studio

Po skonfigurowaniu Gemini w Firebase w Firebase Studio możesz od razu zacząć z niego korzystać, aby:

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

Czat z Gemini w Firebase

Firebase Studio ułatwia procesy programowania dzięki czacie wspomaganemu przez AI.

Pierwsze kroki z czatem

  1. Otwórz obszar roboczy w Firebase Studio.

  2. U dołu obszaru roboczego kliknij iskraGemini.

  3. Rozpocznij czat z: Gemini.

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

    • Rysunek: za pomocą narzędzi do rysowania zaprojektuj swój 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 następnie kliknij Wyślij.
    .
  5. (Opcjonalnie) Dodaj własny klucz Gemini API i wybierz inny model Gemini. Więcej informacji znajdziesz w artykule Własny klucz: korzystanie z innych modeli Gemini w Google Chat.

  6. (Opcjonalnie) Dostosuj sposób działania Gemini w Firebase, dostosowując jego ustawienia i dodając pliki reguł AI. Więcej informacji

Gdy czat jest włączony i aktywny, możesz zadawać pytania Gemini i otrzymywać sugestie dotyczące kodu. Gemini może nawet aktualizować pliki konfiguracji projektu i kod oraz wykonywać za Ciebie polecenia terminala bezpośrednio w Twoim obszarze roboczym. Gemini może zapytać, czy może wykonać jedną z tych czynności:

  • Modyfikować pliki: Gemini może dodać funkcję, naprawić błąd lub przerobić kod. Gdy Gemini zaproponował zmiany w pliku, zobaczysz 2 opcje:
    • Zaktualizuj plik: bezpośrednio zaktualizuj plik za pomocą proponowanych zmian Gemini.
    • Sprawdzanie zmian: otwórz proponowane zmiany w nowym oknie, aby je sprawdzić, zanim je zastosujesz.
  • Wykonywanie poleceń w terminalu: Gemini może wykonywać polecenia, takie jak instalowanie zależności czy uruchamianie serwera deweloperskiego. Może ona sama proponować te polecenia lub możesz poprosić Gemini o ich wykonanie. Gdy Gemini zaproponuje polecenie, pojawi się przycisk Uruchom polecenie terminala. Kliknij go, aby uruchomić polecenie w terminalu w Firebase Studio. Gemini wykona polecenie, przeanalizuje wyniki w oknie czatu i pomoże Ci określić kolejne kroki.

    Uwaga: w przypadku poleceń długotrwałych (np. uruchamiania serwera za pomocą npm run dev) pojawia się przycisk Odłącz. Kliknij Odłącz, aby polecenie nadal działało w terminalu, a jednocześnie odzyskać dostęp do czatu.

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

Gemini w Firebase może Ci pomóc w realizacji złożonych zadań programistycznych, takich jak:

  • Dokumentowanie kodu: Gemini może automatycznie generować dokumentację w odpowiednim formacie dla Twojego kodu, gdy poprosisz o „Napisanie dokumentów”.
  • Tworzenie 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 testów jednostkowych i może dodać do niego brakujące testy. Jeśli nie znajdzie istniejących plików testu jednostkowego, utworzy test jednostkowy, który możesz przejrzeć, zweryfikować i zaakceptować. Możesz nawet poprosić Gemini o jego uruchomienie.
  • Zarządzanie zależnościami: możesz poprosić Gemini o wykrywanie brakujących zależności w kodzie i rozwiązywanie ich bezpośrednio w interfejsie czatu.
  • Refaktoryzacja kodu: możesz poprosić Gemini o refaktoryzację kodu w Twoim imieniu, na przykład o wyodrębnienie funkcji lub zmianę nazwy zmiennej w wielu plikach. Gemini wygeneruje listę proponowanych zmian, a po sprawdzeniu i zastosowaniu zmian możesz poprosić Gemini o zaktualizowanie i wykonanie testów jednostkowych, aby zweryfikować przekształcenie i upewnić się, że testy nadal się sprawdzają.
  • Generowanie i uruchamianie przepływów pracy Dockera: jeśli włączysz Dockera w swoim workspace, możesz szybko skonteneryzować aplikację, prosząc Geminio utworzenie pliku Dockerfile (na przykład „Utwórz plik Dockerfile dla mojej aplikacji”). Po wygenerowaniu pliku Dockerfile przez Gemini kontener może zostać skompilowany i uruchomiony.
  • Przeprowadzanie testów jednostkowych i integracji: możesz rozpocząć wykonywanie testów, prosząc Gemini o uruchomienie określonych zestawów testów (np. „Uruchom moje testy jednostkowe” lub „Uruchom testy integracji”). Gemini wykona odpowiednie polecenie w Twoim projekcie (np. npm test lub konkretne polecenie testu) i wyświetli wyniki testu w interfejsie czatu.

Używanie poleceń po ukośniku w czacie

Możesz kierować działaniem Gemini w czacie Firebase, używając poleceń z ukośnikiem, czyli skrótów poprzedzonych ukośnikiem (/). Wpisz / na początku promptu Gemini w czacie i wybierz działanie z listy dostępnych poleceń z ukośnikiem.

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

Na przykład /generate, po którym następuje krótki opis tego, czego oczekujesz, to skrót do prompta służącego do generowania 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

Możesz oddzielnie prowadzić rozmowy na różne tematy w czatach Firebase, rozpoczynając nowe wątki. Następnie możesz wrócić do wcześniejszych wątków na podstawie tematu.

Aby rozpocząć nowy czat:

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

  2. Wpisz prompt.

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 ten wątek czatu lub wracaj 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 w pasku nagłówka czatu.

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

Wyświetlanie cytatów kodu na czacie

Aby ułatwić Ci weryfikację sugestii kodu, Firebase Studio udostępnia informacje o pierwotnym źródle i powiązanych licencjach. Aby wyświetlić pełny dziennik cytatów kodu z okna czatu, kliknij ikonę dziennika licencji na pasku nagłówka czatu.

Ikona dziennika licencji w nagłówku czatu

Więcej informacji o cytowaniu kodu Google znajdziesz w artykule Generative Code Assistance.

Uzyskiwanie pomocy od Gemini w Firebase

Firebase Studio zwiększa produktywność dzięki sugestiom kodu generowanym przez Gemini z wykorzystaniem AI.

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

Otrzymuj sugestie kodu od Gemini w Firebase

Gemini generuje kompletne bloki kodu, które można wstawić w tekście. Aby korzystać z Gemini pomocy w kodzie w tekście, wykonaj te czynności:

  1. Otwórz obszar roboczy w Firebase Studio.

  2. Przejdź do pliku lub linii kodu, w których przypadku potrzebujesz pomocy, i kliknij Ctrl+I (Cmd+I w systemie macOS).

  3. Wpisz opis tego, czego potrzebujesz, a Geminiwygeneruje propozycję. Możesz też używać działań jako skrótów, aby kierować sugestiami. Na przykład wpisz /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 Odrzuć.
    • Aby wygenerować nową sugestię, kliknij Wygeneruj ponownie.
    • Aby całkowicie usunąć sugestię, kliknij Odrzuć.
  5. (Opcjonalnie) Dostosuj sposób działania Gemini w Firebase, dostosowując jego ustawienia i dodając pliki reguł AI. Więcej informacji

Wyświetlanie Gemini w poleceniach Firebase

  1. Aby wyświetlić polecenia Gemini w konkretnym kodzie, kliknij prawym przyciskiem myszy kod, którego dotyczy prośba o pomoc.

  2. W menu wybierz sparkGemini, a następnie wybierz działanie, które chcesz wykonać.

Użyj sugerowanego uzupełnienia kodu Gemini

Aby ułatwić Ci pisanie kodu, Firebase Studio udostępnia uzupełnianie kodu za pomocą AI, które przewiduje i wypełnia kod w dowolnym otwartym pliku, gdy tylko zaczniesz pisać.

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

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

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

  • Aby zaktualizować ustawienia w obszarze roboczym Firebase Studio:

    1. Kliknij Ikona koła zębatego Zarządz (znajduje się 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. Kliknij kartę Workspace (Praca zespołowa), a następnie odszukaj ustawienie Firebase Studio > AI > Włącz dopełnianie w tekście.

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