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ć go, 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ępny w widoku Code. Możesz go używać w przypadku aplikacji uruchamianych w Firebase Studio, aplikacji importowanych do Firebase Studio i aplikacji utworzonych 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 potem 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 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 innych modeli w Google Chat.Gemini

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ć pytaniaGemini i otrzymywać sugestie dotyczące kodu. W trybie agentaGemini 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 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 proponować te polecenia samodzielnie lub możesz poprosić Gemini o ich uruchomienie. Po zaproponowaniu polecenia przez Gemini 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, a także 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ń 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. 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 umieścić aplikację w kontenerze, prosząc Geminio utworzenie pliku Dockerfile (np. „Utwórz plik Dockerfile dla mojej aplikacji”). Po wygenerowaniu pliku Dockerfile przez Geminimożesz go skompilować i uruchomić.
• 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 ułatwić Ci weryfikację 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.

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 wspomaganym przez AI od Gemini.

Pamiętaj, że domyślnie włączone jest uzupełnianie kodu. Dowiedz się, jak dostosować jego 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. 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 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 wybierz sparkGemini, 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 Macu).

     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.