{"id":1610,"date":"2024-04-11T13:17:19","date_gmt":"2024-04-11T13:17:19","guid":{"rendered":"https:\/\/howtogeek.blog\/pl\/?p=1610"},"modified":"2024-04-11T13:17:19","modified_gmt":"2024-04-11T13:17:19","slug":"how-to-use-gemini-code-assist-in-vs-code-pl","status":"publish","type":"post","link":"https:\/\/howtogeek.blog\/pl\/how-to-use-gemini-code-assist-in-vs-code-pl\/","title":{"rendered":"Jak korzysta\u0107 z funkcji Gemini Code Assist w VS Code"},"content":{"rendered":"

Niedawno firma Google uruchomi\u0142a Gemini Code Assist \u2013 narz\u0119dzie do uzupe\u0142niania kodu AI i pomocy dla przedsi\u0119biorstw \u2013 podczas konferencji Cloud Next, kt\u00f3ra odbywa si\u0119 obecnie w Las Vegas.<\/p>\n

Co to jest Gemini Code Assist?<\/strong> Mo\u017cesz u\u017cywa\u0107 Gemini Code Assist w swoim IDE, np. VS Code, IntelliJ, Cloud Workstations lub Cloud Shell Editor, aby pom\u00f3c w programowaniu, lub u\u017cy\u0107 go w Google Cloud Console, aby uzyska\u0107 pomoc w rozwi\u0105zywaniu problem\u00f3w.<\/p>\n

Gemini Code Assist mo\u017ce pom\u00f3c w uzupe\u0142nieniu kodu podczas pisania kodu, generowaniu pe\u0142nych funkcji lub blok\u00f3w kodu na podstawie komentarzy, generowaniu test\u00f3w jednostkowych oraz pomaga w debugowaniu, zrozumieniu i dokumentowaniu kodu.<\/p>\n

Technicznie rzecz bior\u0105c, jest to ewolucja Duet AI, kt\u00f3r\u0105 Google wycofa\u0142o kilka miesi\u0119cy temu. Jednak teraz jest to raczej bezpo\u015bredni konkurent GitHub Copilot firmy Microsoft, kt\u00f3ry jest jednym z najwa\u017cniejszych narz\u0119dzi AI, kt\u00f3re mog\u0105 pom\u00f3c w kodowaniu.<\/p>\n

Code Assist korzysta z Gemini 1.5 Pro, kt\u00f3re ma 1 milion okien kontekstowych, najwi\u0119ksze okno kontekstowe dost\u0119pne w dowolnym modelu. Daje to Code Assist znaczn\u0105 przewag\u0119. Za pomoc\u0105 tego okna kontekstowego u\u017cytkownicy b\u0119d\u0105 mogli nawet wprowadza\u0107 zmiany w ca\u0142ej bazie kodu, czego obecnie nie oferuje \u017cadna inna platforma.<\/p>\n

Firmy b\u0119d\u0105 mog\u0142y r\u00f3wnie\u017c dostosowa\u0107 Code Assist do swojej wewn\u0119trznej bazy kodu, podobnie jak GitHub Copilot.<\/p>\n

Mo\u017cesz wypr\u00f3bowa\u0107 Gemini Code Assist bezp\u0142atnie do 11 lipca 2024 r., z ograniczeniem do jednego u\u017cytkownika na konto rozliczeniowe.<\/p>\n

W tym przewodniku skupimy si\u0119 na sposobie korzystania z Asystenta kodu Gemini w programie Visual Studio (VS) Code.<\/p>\n

Konfigurowanie Asystenta Gemini Code za pomoc\u0105 VS Code<\/h2>\n

Aby u\u017cywa\u0107 Code Assist z VS Code, musisz wykona\u0107 poni\u017csze kroki, aby wszystko skonfigurowa\u0107.<\/p>\n

Zainstaluj rozszerzenie Cloud Code<\/h3>\n

Przede wszystkim musisz zainstalowa\u0107 rozszerzenie Cloud Code, aby m\u00f3c korzysta\u0107 z Code Assist z VS Code.<\/p>\n

    \n
  • Otw\u00f3rz kod VS na swoim komputerze.<\/li>\n
  • Nast\u0119pnie przejd\u017a do \u201eRozszerzenia\u201d z lewego menu.<\/li>\n<\/ul>\n
    \"\"<\/figure>\n
      \n
    • Wyszukaj \u201eKod Cloud\u201d za pomoc\u0105 paska wyszukiwania. Kliknij w pierwszy wynik wyszukiwania, czyli Gemini + Google Cloud Code.<\/li>\n<\/ul>\n
      \"\"<\/figure>\n
        \n
      • Nast\u0119pnie kliknij przycisk \u201eZainstaluj\u201d i zainstaluj rozszerzenie.<\/li>\n<\/ul>\n
        \"\"<\/figure>\n

        Rozszerzenie Cloud Code jest teraz zainstalowane w VS Code. Dzia\u0142a najlepiej w przypadku nast\u0119puj\u0105cych j\u0119zyk\u00f3w:<\/p>\n

          \n
        • W\u0119ze\u0142JS<\/li>\n
        • I\u015b\u0107<\/li>\n
        • Pyton<\/li>\n
        • Jawa<\/li>\n
        • .INTERNET<\/li>\n<\/ul>\n

          Chocia\u017c NodeJS ma wbudowan\u0105 obs\u0142ug\u0119 w VS Code i nie wymaga \u017cadnych dodatkowych dzia\u0142a\u0144, musisz zainstalowa\u0107 inne j\u0119zyki, je\u015bli chcesz z nich korzysta\u0107. Mo\u017cesz zainstalowa\u0107 te j\u0119zyki w ten sam spos\u00f3b, w jaki zainstalowa\u0142e\u015b rozszerzenie Cloud Code.<\/p>\n

          Opcjonalnie, je\u015bli chcesz skopiowa\u0107 pr\u00f3bki na sw\u00f3j komputer, musisz tak\u017ce zainstalowa\u0107 Git.<\/p>\n

          Po\u0142\u0105cz si\u0119 z Google Cloud<\/h3>\n

          Teraz kolejny krok polega na po\u0142\u0105czeniu si\u0119 z Google Cloud z poziomu VS Code.<\/p>\n

            \n
          • Po zainstalowaniu rozszerzenia kliknij opcj\u0119 \u201eOtw\u00f3rz przewodnik\u201d.<\/li>\n<\/ul>\n
            \"\"<\/figure>\n
              \n
            • Kliknij przycisk \u201ePo\u0142\u0105cz\u201d w opcji \u201ePo\u0142\u0105cz z Google Cloud\u201d.<\/li>\n<\/ul>\n
              \"\"<\/figure>\n
                \n
              • Pojawi si\u0119 komunikat, \u017ce VS Code chce otworzy\u0107 zewn\u0119trzn\u0105 stron\u0119 internetow\u0105. Kliknij \u201eOtw\u00f3rz\u201d, aby kontynuowa\u0107.<\/li>\n<\/ul>\n
                \"\"<\/figure>\n
                  \n
                • Nast\u0119pnie zaloguj si\u0119 na swoje konto Google.<\/li>\n
                • Nast\u0119pnie Twoje konto Google poprosi Ci\u0119 o upewnienie si\u0119, \u017ce pobra\u0142e\u015b t\u0119 aplikacj\u0119 [Cloud Code] od Google; kliknij \u201eZaloguj si\u0119\u201d, aby kontynuowa\u0107.<\/li>\n<\/ul>\n
                  \"\"<\/figure>\n

                  Twoje konto jest teraz po\u0142\u0105czone z Google Cloud.<\/p>\n

                  Nast\u0119pnie musisz aktywowa\u0107 Gemini w VS Code, wybieraj\u0105c projekt Google Cloud z w\u0142\u0105czonym interfejsem Cloud API. Je\u015bli jednak do tej pory nie zarejestrowa\u0142e\u015b si\u0119 w Google Cloud, musisz to najpierw zrobi\u0107.<\/p>\n

                  Zarejestruj si\u0119 w Google Cloud<\/h3>\n

                  Je\u015bli nie masz Google Cloud, mo\u017cesz uzyska\u0107 bezp\u0142atny okres pr\u00f3bny przez 3 miesi\u0105ce ze \u015brodkami o warto\u015bci 300 USD.<\/p>\n

                    \n
                  • Przejd\u017a do cloud.google.com i kliknij \u201eRozpocznij za darmo\u201d.<\/li>\n<\/ul>\n
                    \"\"<\/figure>\n
                      \n
                    • Nast\u0119pnie podaj informacje o swoim koncie i kliknij \u201eZgadzam si\u0119 i kontynuuj\u201d.<\/li>\n<\/ul>\n
                      \"\"<\/figure>\n
                        \n
                      • Podaj informacje dotycz\u0105ce p\u0142atno\u015bci i kliknij \u201eRozpocznij bezp\u0142atnie\u201d, aby skorzysta\u0107 z bezp\u0142atnego okresu pr\u00f3bnego. Po zako\u0144czeniu okresu pr\u00f3bnego nie zostaniesz obci\u0105\u017cony \u017cadn\u0105 op\u0142at\u0105, chyba \u017ce r\u0119cznie aktywujesz pe\u0142ne konto Google Cloud.<\/li>\n<\/ul>\n
                        \"\"<\/figure>\n

                        Gdy ju\u017c b\u0119dziesz mie\u0107 Google Cloud, mo\u017cesz u\u017cy\u0107 z niego projektu, aby u\u017cywa\u0107 Gemini w VS Code.<\/p>\n

                        Aktywuj Gemini w VS Code<\/h3>\n
                          \n
                        • Teraz wr\u00f3\u0107 do VS Code i kliknij \u201eWybierz projekt Google Cloud\u201d, aby aktywowa\u0107 Gemini.<\/li>\n<\/ul>\n
                          \"\"<\/figure>\n
                            \n
                          • Opcja wyboru projektu Google Cloud pojawi si\u0119 u g\u00f3ry. Wybierz projekt Google Cloud z w\u0142\u0105czonym Cloud API. Mo\u017cesz tak\u017ce utworzy\u0107 nowy projekt Google Cloud.<\/li>\n<\/ul>\n
                            \"\"<\/figure>\n
                              \n
                            • Je\u015bli dla wybranego projektu nie jest w\u0142\u0105czone Cloud API, w oknie VS Code pojawi si\u0119 komunikat o b\u0142\u0119dzie. Kliknij \u201eW\u0142\u0105cz API\u201d, aby to naprawi\u0107.<\/li>\n<\/ul>\n
                              \"\"<\/figure>\n
                                \n
                              • Gemini zostanie aktywowany do u\u017cytku w VS Code. Mo\u017cesz uzyska\u0107 do niego dost\u0119p w dowolnym momencie z paska stanu, na kt\u00f3rym b\u0119dzie teraz widoczna aktywowana ikona Gemini zamiast dotychczasowej wy\u0142\u0105czonej ikony Gemini (czerwona ikona z uko\u015bn\u0105 lini\u0105).<\/li>\n<\/ul>\n
                                \"\"<\/figure>\n
                                  \n
                                • Opcja Gemini zostanie r\u00f3wnie\u017c dodana do paska aktywno\u015bci po lewej stronie.<\/li>\n<\/ul>\n
                                  \"\"<\/figure>\n

                                  Ot\u00f3\u017c \u200b\u200bto. Teraz mo\u017cesz zacz\u0105\u0107 u\u017cywa\u0107 Gemini w VS Code, aby uzyska\u0107 pomoc przy generowaniu kodu lub porozmawia\u0107 z nim.<\/p>\n

                                  Generowanie kodu za pomoc\u0105 Gemini<\/h2>\n

                                  Aby u\u017cywa\u0107 Gemini w VS Code, mo\u017cesz wygenerowa\u0107 nowy kod z podpowiedziami, uzyska\u0107 sugestie dotycz\u0105ce kodowania lub uzyska\u0107 sugestie wbudowane.<\/p>\n

                                  Najpierw otw\u00f3rz istniej\u0105c\u0105 aplikacj\u0119, w kt\u00f3rej chcesz u\u017cywa\u0107 Gemini, lub utw\u00f3rz przyk\u0142adow\u0105 aplikacj\u0119 dla Cloud Code, aby przetestowa\u0107 Gemini.<\/p>\n

                                    \n
                                  • Aby utworzy\u0107 przyk\u0142adow\u0105 aplikacj\u0119, naci\u015bnij Ctrl<\/code>+ Shift<\/code>+ P<\/code>(Windows\/Linux) lub Cmd<\/code>+ Shift<\/code>+ P<\/code>(Mac), aby otworzy\u0107 palet\u0119 polece\u0144 w VS Code.<\/li>\n
                                  • Nast\u0119pnie wpisz \u201eKod chmury: Nowa aplikacja\u201d i naci\u015bnij Enter.<\/li>\n<\/ul>\n
                                    \"\"<\/figure>\n
                                      \n
                                    • Z opcji wybierz \u201eAplikacja Kubernetes\u201d.<\/li>\n<\/ul>\n
                                      \"\"<\/figure>\n
                                        \n
                                      • Nast\u0119pnie wybierz przyk\u0142adow\u0105 aplikacj\u0119 z opcji, np. \u201ePython (Flask): Ksi\u0119ga go\u015bci\u201d. Pami\u0119taj, \u017ce musisz zainstalowa\u0107 j\u0119zyk, w kt\u00f3rym instalujesz przyk\u0142adow\u0105 aplikacj\u0119, je\u015bli jeszcze go nie zainstalowa\u0142e\u015b.<\/li>\n<\/ul>\n
                                        \"\"<\/figure>\n
                                          \n
                                        • Zapisz aplikacj\u0119 w wybranej lokalizacji, a aplikacja zostanie utworzona.<\/li>\n<\/ul>\n

                                          Po utworzeniu aplikacji utw\u00f3rz nowy plik kodu lub otw\u00f3rz istniej\u0105cy, aby korzysta\u0107 z Gemini. Oto wszystkie sposoby, w jakie Gemini mo\u017ce Ci pom\u00f3c w generowaniu kodu.<\/p>\n

                                          Otrzymuj sugestie w wierszu<\/h3>\n
                                            \n
                                          • Aby uzyska\u0107 sugestie w wierszu, zacznij wpisywa\u0107 kod.<\/li>\n
                                          • W trakcie pisania Gemini b\u0119dzie wy\u015bwietla\u0107 sugestie automatycznego uzupe\u0142niania kodu.<\/li>\n
                                          • Mo\u017cesz nacisn\u0105\u0107 , Tab<\/code>aby zaakceptowa\u0107 sugesti\u0119. Aby zignorowa\u0107 sugesti\u0119, naci\u015bnij Esc<\/code>lub kontynuuj wpisywanie kodu.<\/li>\n<\/ul>\n

                                            Wygeneruj kod<\/h3>\n
                                              \n
                                            • Gemini mo\u017ce r\u00f3wnie\u017c wygenerowa\u0107 dla Ciebie nowy kod. Kliknij ikon\u0119 \u201eGemini: Inteligentne akcje\u201d w oknie IDE.<\/li>\n<\/ul>\n
                                              \"\"<\/figure>\n
                                                \n
                                              • Nast\u0119pnie w opcjach kliknij opcj\u0119 \u201eGeneruj kod\u201d.<\/li>\n<\/ul>\n
                                                \"\"<\/figure>\n
                                                  \n
                                                • Gemini wygeneruje dla Ciebie nowy kod na podstawie kodu ju\u017c znajduj\u0105cego si\u0119 w Twoim pliku.<\/li>\n<\/ul>\n
                                                  \"\"<\/figure>\n

                                                  Wygeneruj kod z podpowiedziami<\/h3>\n

                                                  Mo\u017cesz tak\u017ce poprosi\u0107 Gemini o wygenerowanie dla nich kodu.<\/p>\n

                                                    \n
                                                  • Przejd\u017a do nowej linii w kodzie i wpisz, #<\/code>a nast\u0119pnie wy\u015bwietli si\u0119 monit o podanie kodu. Na przyk\u0142ad wpisz # Function to create a Cloud Storage bucket<\/code>i naci\u015bnij klawisz Enter.<\/li>\n<\/ul>\n
                                                    \"\"<\/figure>\n
                                                      \n
                                                    • Nast\u0119pnie, aby wygenerowa\u0107 kod, naci\u015bnij Ctrl<\/code>+, Enter<\/code>niezale\u017cnie od tego, czy korzystasz z systemu Windows, Linux czy Mac.<\/li>\n
                                                    • Gemini wygeneruje kod dla Twojego \u017c\u0105dania. Naci\u015bnij Tab<\/code>na klawiaturze, aby zaakceptowa\u0107.<\/li>\n<\/ul>\n
                                                      \"\"<\/figure>\n

                                                      Porozmawiaj z Bli\u017aniakami<\/h2>\n

                                                      Mo\u017cesz tak\u017ce rozmawia\u0107 z Gemini w VS Code. Mo\u017ce odpowiedzie\u0107 na pytania, wyja\u015bni\u0107 kod lub pom\u00f3c z wybranym kodem.<\/p>\n

                                                        \n
                                                      • Aby porozmawia\u0107 z Gemini, kliknij ikon\u0119 \u201eGemini\u201d na pasku aktywno\u015bci po lewej stronie. Panel czatu Gemini otworzy si\u0119 po lewej stronie.<\/li>\n<\/ul>\n
                                                        \"\"<\/figure>\n
                                                          \n
                                                        • Wpisz monit w pasku podpowiedzi i wy\u015blij go do AI (plik kodu powinien by\u0107 w tym celu otwarty). Mo\u017cesz na przyk\u0142ad powiedzie\u0107 Explain this code to me<\/code>. Gemini u\u017cyje kodu z Twojego pliku jako odniesienia i przeka\u017ce wyja\u015bnienia.<\/li>\n<\/ul>\n
                                                          \"\"<\/figure>\n
                                                            \n
                                                          • Mo\u017cesz tak\u017ce wybra\u0107 kod w swoim pliku, a nast\u0119pnie wys\u0142a\u0107 monit do firmy Gemini w celu wyja\u015bnienia kodu. Nast\u0119pnie podczas odpowiadania na Twoje zapytanie u\u017cyje wybranego kodu jako odniesienia.<\/li>\n<\/ul>\n
                                                            \"\"<\/figure>\n
                                                              \n
                                                            • Mo\u017cesz tak\u017ce poprosi\u0107 Gemini o wygenerowanie test\u00f3w jednostkowych dla ca\u0142ego kodu lub wybranego kodu w panelu czatu. Wpisz Generate unit tests<\/code>w panelu czatu, a Gemini wygeneruje testy jednostkowe dla ca\u0142ego Twojego kodu lub wybranych funkcji (w oparciu o Tw\u00f3j wyb\u00f3r).<\/li>\n
                                                            • Podobnie mo\u017cesz poprosi\u0107 Gemini o panel czatu Help debug the code<\/code>lub Make the code more readable<\/code>w panelu czatu. W zale\u017cno\u015bci od tego, czy wybra\u0142e\u015b cz\u0119\u015b\u0107 kodu przed zapytaniem, czy nie, pojawi si\u0119 \u017c\u0105dana odpowied\u017a dla cz\u0119\u015bci kodu\/ca\u0142ego pliku kodu.<\/li>\n<\/ul>\n

                                                              Inne sposoby dost\u0119pu do Bli\u017ani\u0105t<\/h3>\n
                                                                \n
                                                              • Mo\u017cesz tak\u017ce wybra\u0107 kod i wykona\u0107 akcj\u0119 za pomoc\u0105 Gemini, klikaj\u0105c ikon\u0119 \u201ePoka\u017c akcje kodu\u201d (\u017car\u00f3wka) w edytorze kodu.<\/li>\n<\/ul>\n
                                                                \"\"<\/figure>\n
                                                                  \n
                                                                • Mo\u017cesz tak\u017ce wykonywa\u0107 inne czynno\u015bci za pomoc\u0105 Gemini w VS Code. Otw\u00f3rz palet\u0119 polece\u0144 w kodzie VS.<\/li>\n
                                                                • Nast\u0119pnie wpisz \u201eGemini:\u201d, a pojawi\u0105 si\u0119 opcje korzystania z Gemini. Mo\u017cesz poprosi\u0107 Gemini o wyja\u015bnienie Ci kodu, skupienie si\u0119 na widoku czatu, wygenerowanie kodu, wygenerowanie test\u00f3w jednostkowych itp.<\/li>\n<\/ul>\n
                                                                  \"\"<\/figure>\n

                                                                  Ot\u00f3\u017c \u200b\u200bto. Gemini Code Assist chce by\u0107 \u015bwietnym konkurentem GitHub Copilot, szczeg\u00f3lnie ze swoim 1 milionem okien kontekstowych. Teraz pozostaje tylko sprawdzi\u0107, czy Gemini Code Assist b\u0119dzie na tyle skuteczny w kodowaniu, \u017ce stanie si\u0119 u\u017cytecznym narz\u0119dziem.<\/p>\n","protected":false},"excerpt":{"rendered":"

                                                                  Niedawno firma Google uruchomi\u0142a Gemini Code Assist \u2013 narz\u0119dzie do uzupe\u0142niania kodu AI i pomocy dla przedsi\u0119biorstw \u2013 podczas konferencji Cloud Next, kt\u00f3ra odbywa si\u0119 obecnie w Las Vegas. Co to jest Gemini Code Assist? Mo\u017cesz u\u017cywa\u0107 Gemini Code Assist w swoim IDE, np. VS Code, IntelliJ, Cloud Workstations lub Cloud Shell Editor, aby pom\u00f3c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[182,200,130],"class_list":["post-1610","post","type-post","status-publish","format-standard","hentry","category-how-to","tag-artificial-intelligence","tag-gemini","tag-microsoft"],"acf":[],"_links":{"self":[{"href":"https:\/\/howtogeek.blog\/pl\/wp-json\/wp\/v2\/posts\/1610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howtogeek.blog\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howtogeek.blog\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/pl\/wp-json\/wp\/v2\/comments?post=1610"}],"version-history":[{"count":1,"href":"https:\/\/howtogeek.blog\/pl\/wp-json\/wp\/v2\/posts\/1610\/revisions"}],"predecessor-version":[{"id":1611,"href":"https:\/\/howtogeek.blog\/pl\/wp-json\/wp\/v2\/posts\/1610\/revisions\/1611"}],"wp:attachment":[{"href":"https:\/\/howtogeek.blog\/pl\/wp-json\/wp\/v2\/media?parent=1610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howtogeek.blog\/pl\/wp-json\/wp\/v2\/categories?post=1610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howtogeek.blog\/pl\/wp-json\/wp\/v2\/tags?post=1610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}