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
Otwórz obszar roboczy w Firebase Studio.
U dołu obszaru roboczego kliknij iskraGemini.
Rozpocznij czat z: Gemini.
(Opcjonalnie) Wyślij do Gemini prompt multimodalny, klikając
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.
(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.
(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:
Na pasku nagłówka czatu kliknij Nowy czat.
Wpisz prompt.
Aby przełączyć się na inny wątek czatu:
Na pasku nagłówka czatu kliknij Ostatnie czaty.
Wybierz wątek czatu, do którego chcesz uzyskać dostęp.
Kontynuuj ten wątek czatu lub wracaj do poprzednich czatów za pomocą Gemini.
Aby usunąć wątek czatu:
Wybierz wątek czatu, który chcesz usunąć, z sekcji Ostatnie czaty w pasku nagłówka czatu.
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.
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:
Otwórz obszar roboczy w Firebase Studio.
Przejdź do pliku lub linii kodu, w których przypadku potrzebujesz pomocy, i kliknij
Ctrl+I
(Cmd+I
w systemie macOS).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.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ć.
(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
Aby wyświetlić polecenia Gemini w konkretnym kodzie, kliknij prawym przyciskiem myszy kod, którego dotyczy prośba o pomoc.
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"
natrue
lubfalse
.Aby zaktualizować ustawienia w obszarze roboczym Firebase Studio:
Kliknij
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
Switch to Code to open Code view.
Kliknij kartę Workspace (Praca zespołowa), a następnie odszukaj ustawienie Firebase Studio > AI > Włącz dopełnianie w tekście.
Aby wyłączyć uzupełnianie kodu, odznacz opcję Włącz uzupełnianie kodu wbudowanego podczas pisania.