Wypróbuj Gemini w Firebase Studio

Gemini w Firebase Studio oferuje pomoc opartą na AI, która usprawnia proces kodowania – w edytorze kodu i na czacie. Gemini może podpowiadać kod, generować kod, wyjaśniać koncepcje związane z kodem, aktualizować pliki projektu, uruchamiać polecenia terminala i interpretować wyniki poleceń.

Możesz od razu zacząć korzystać z Gemini bez żadnej konfiguracji:

• Czatuj z Gemini.
• Uzyskaj pomoc w tekście od Gemini.

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

Gemini jest dostępny, gdy jesteś w widoku Code. Możesz go używać w przypadku aplikacji, które uruchamiasz w Firebase Studio, aplikacji, które importujesz do Firebase Studio, oraz aplikacji utworzonych przez App Prototyping agent.

Czat z Gemini

Firebase Studio ułatwia proces programowania dzięki czatowi z pomocą AI.

Rozpoczęcie korzystania z czatu

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

2. U dołu obszaru roboczego kliknij sparkGemini.

3. Zacznij czatować z Gemini.

4. (Opcjonalnie) Aby wysłać do Gemini prompta multimodalnego, kliknij Załącz i wybierz jedną z tych opcji:

   • Rysunek: użyj narzędzi do rysowania, aby zaprojektować wygląd, a następnie wpisz prompta i kliknij Wyślij.
   • Obraz: prześlij obraz, dodaj prompta, a następnie kliknij Wyślij.
   • Plik: wybierz plik z obszaru roboczego, który ma być używany jako kontekst, dodaj prompta, a następnie kliknij Wyślij.

5. (Opcjonalnie) Zmień tryb, w którym Gemini odpowiada na prośby:

   • Zapytaj: utwórz plan. W tym trybie Gemini odpowiada na pytania bez proponowania zmian w kodzie.
   • Agent: wprowadź zmiany w aplikacji. W tym trybie Gemini proponuje zmiany w aplikacji, ale nie wprowadza ich bez Twojego potwierdzenia.
   • Agent (automatyczne uruchamianie): automatycznie stosuj zmiany w aplikacji. W tym trybie Gemini 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: używanie innych Gemini modeli na czacie.

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

W panelu czatu możesz zadawać Gemini pytania i otrzymywać sugestie dotyczące kodu. W trybie agenta, Gemini może nawet aktualizować pliki konfiguracyjne 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 przeprowadzić refaktoryzację kodu. Gdy Gemini zaproponuje zmiany w pliku, zobaczysz 2 opcje:

  • Zaktualizuj plik: bezpośrednio zaktualizuj plik o Gemini's proponowane zmiany.
  • 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 samo zaproponować te polecenia lub możesz poprosić Gemini o ich uruchomienie. 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 określić kolejne kroki.

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

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

• Dokumentowanie kodu: Gemini może automatycznie wygenerować dokumentację w odpowiednim formacie, gdy poprosisz o „napisanie dokumentacji”.
• Pisanie przypadków testowych: Gemini może automatycznie aktualizować i generować testy jednostkowe. Jeśli poprosisz Gemini o „napisanie testów”, Gemini znajdzie ono istniejący plik testów jednostkowych 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 problemów 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. Po sprawdzeniu i zastosowaniu zmian możesz poprosić Gemini o zaktualizowanie i wykonanie testów jednostkowych, aby sprawdzić refaktoryzację i upewnić się, że testy nadal przechodzą.
• Generowanie i uruchamianie przepływów pracy Dockera: jeśli masz włączonego Dockera w obszarze roboczym, możesz szybko utworzyć kontener aplikacji, prosząc Gemini o utworzenie pliku Dockerfile (np. „Utwórz plik Dockerfile dla mojej aplikacji”). Po wygenerowaniu pliku Dockerfile Gemini 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 testowania) i wyświetli wyniki testów w interfejsie czatu .

Używanie poleceń po ukośniku na czacie

Możesz sterować danymi wyjściowymi czatu Gemini za pomocą poleceń po ukośniku, czyli skrótów poprzedzonych ukośnikiem (/). Na początku prompta czatu Gemini wpisz / i wybierz działanie z listy dostępnych poleceń po ukośniku.

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

Na przykład /generate z krótkim opisem tego, co chcesz uzyskać, to skrót do prompta, który umożliwia generowanie fragmentów kodu.

Oto przykład wyniku uruchomienia polecenia /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ń kierowanych do Gemini, 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ą czatu

Możesz oddzielać różne tematy na swoich Gemini czatach rozpoczynając różne wątki. Następnie możesz wracać do wcześniejszych wątków na podstawie 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 ten wątek czatu lub wróć do poprzednich czatów z Gemini.

Aby usunąć wątek czatu:

1. Na pasku nagłówka czatu w sekcji Ostatnie czaty wybierz wątek czatu, który chcesz usunąć.

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 pomóc Ci w weryfikacji sugestii dotyczących kodu, Firebase Studio udostępnia informacje o oryginalnym źródle i powiązanych licencjach. Pełny dziennik cytatów kodu z okna czatu możesz wyświetlić, klikając ikonę dziennika licencji na pasku nagłówka czatu.

Więcej informacji o cytatach kodu Google znajdziesz w artykule Generatywna pomoc w kodowaniu.

Uzyskiwanie pomocy w tekście od Gemini

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

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

Uzyskiwanie sugestii dotyczących kodu od Gemini

Gemini generuje kompletne bloki możliwego kodu w tekście. Aby korzystać z pomocy w tekście Gemini Gemini, wykonaj te czynności:

1. Otwórz obszar roboczy w Firebase Studio.

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

3. Wpisz opis tego, co chcesz uzyskać, a Gemini wygeneruje sugestię. Możesz też używać działań jako skrótów, aby sterować sugestiami. Na przykład wpisz /fixError, aby uzyskać pomoc w naprawianiu błędów w kodzie w tekście.

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 Ci pomaga, zmieniając jego ustawienia i dodając pliki reguł AI. Więcej informacji.

Wyświetlanie poleceń Gemini w tekście

1. Aby wyświetlić polecenia Gemini w tekście dla konkretnego kodu, zaznacz kod, w którym potrzebujesz pomocy, i kliknij go prawym przyciskiem myszy.

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

Korzystanie z uzupełniania kodu sugerowanego przez Gemini

Aby ułatwić Ci pisanie kodu, Firebase Studio oferuje uzupełnianie kodu oparte na AI , które przewiduje i automatycznie uzupeł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, dostosuj jego ustawienia za pomocą jednej z tych metod:

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

• Aby zaktualizować ustawienia w obszarze roboczym Firebase Studio:

  1. Kliknij Zarządzaj (u dołu po lewej stronie obszaru roboczego), a następnie wybierz Ustawienia lub naciśnij Ctrl+, (Cmd+, na Macu).

     Jeśli używasz App Prototyping agent w Prototyper widoku, kliknij Przełącz na kod , aby otworzyć widok Code.

  2. Kliknij kartę Obszar roboczy, a następnie wyszukaj ustawienie Firebase Studio > AI > Włącz uzupełnianie w tekście

  3. Aby wyłączyć uzupełnianie kodu, odznacz opcję Włącz uzupełnianie kodu w tekście podczas pisania.