Wypróbuj Gemini w Firebase Studio

Gemini w Firebase Studio oferuje pomoc AI, która usprawnia proces kodowania – w edytorze kodu i na czacie. Gemini może podpowiadać kod, generować kod, wyjaśniać pojęcia 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 Gemini.

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

Gemini jest dostępna w widoku Code. Możesz go używać z aplikacjami uruchamianymi w Firebase Studio, aplikacjami importowanymi do Firebase Studio i aplikacjami utworzonymi przez App Prototyping agent.

Czatuj z: Gemini

Firebase Studio ułatwia przepływy pracy związane z programowaniem dzięki czatowi wspomaganemu przez 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 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 którym 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 wprowadza 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 innychGemini modeli w Google Chat.

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ć Geminipytania i otrzymywać sugestie dotyczące kodu. W trybie agenta Gemini może nawet aktualizować pliki konfiguracyjne projektu i kod oraz wykonywać polecenia terminala bezpośrednio w Twoim 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 samo 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.

Wykonuj złożone zadania w czacie

Gemini 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 elementów testowania: 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 na czacie.
• 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 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 zestawó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 czatu Gemini, używając poleceń rozpoczynających się ukośnikiem (/) – skrótów poprzedzonych ukośnikiem (/). Wpisz / na początku promptu czatu Gemini i wybierz działanie 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 prompta 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. */

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

Aby zapewnić dodatkowy kontekst dla zapytań i pytań, możesz odwoływać się do konkretnych plików i folderów za pomocą symbolu Gemini@.

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

Zarządzanie historią czatu

W Gemini możesz oddzielać różne tematy, rozpoczynając różne wątki. 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 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 zweryfikować sugestie dotyczące 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.

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

Uzyskiwanie pomocy w tekście od Gemini

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

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

Otrzymywanie sugestii kodu z usługi Gemini

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

1. Otwórz obszar roboczy w usłudze Firebase Studio.

2. Przejdź do pliku lub wiersza kodu, w 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ć akcji 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 Ci pomaga, zmieniając jego ustawienia i dodając pliki reguł AI. Więcej informacji

Wyświetlanie Gemini poleceń 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 kliknij iskraGemini, a następnie wybierz działanie, które chcesz wykonać.

Korzystanie z sugerowanego uzupełniania kodu w Gemini

Aby ułatwić Ci pisanie kodu, Firebase Studio udostępnia funkcję uzupełniania kodu AI, która przewiduje i automatycznie uzupełnia kod w dowolnym otwartym pliku, gdy tylko zaczniesz pisać.

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

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  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 widoku App Prototyping agentPrototyper, kliknij Przełącz na kod, aby otworzyć widok Code.

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

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