{"id":1555,"date":"2024-04-11T13:16:31","date_gmt":"2024-04-11T13:16:31","guid":{"rendered":"https:\/\/howtogeek.blog\/no\/?p=1555"},"modified":"2024-04-11T13:16:31","modified_gmt":"2024-04-11T13:16:31","slug":"how-to-use-gemini-code-assist-in-vs-code-no","status":"publish","type":"post","link":"https:\/\/howtogeek.blog\/no\/how-to-use-gemini-code-assist-in-vs-code-no\/","title":{"rendered":"Hvordan bruke Gemini Code Assist i VS Code"},"content":{"rendered":"

Google lanserte nylig Gemini Code Assist \u2013 et AI-kodefullf\u00f8rings- og assistanseverkt\u00f8y for bedrifter \u2013 p\u00e5 Cloud Next-konferansen, som for tiden p\u00e5g\u00e5r i Las Vegas.<\/p>\n

Hva er Gemini Code Assist?<\/strong> Du kan bruke Gemini Code Assist i IDE-en din, som VS Code, IntelliJ, Cloud Workstations eller Cloud Shell Editor for \u00e5 hjelpe til med utviklingen, eller bruke den i Google Cloud Console for assistert feils\u00f8king.<\/p>\n

Gemini Code Assist kan hjelpe deg med \u00e5 f\u00e5 kodefullf\u00f8ringer mens du skriver koden, generere fullstendige funksjoner eller kodeblokker fra kommentarer, generere enhetstester og hjelpe deg med feils\u00f8king, forst\u00e5else og dokumentering av koden.<\/p>\n

Teknisk sett er det en utvikling av Duet AI, som Google avviklet for noen m\u00e5neder siden. Men n\u00e5 er det mer en direkte konkurrent til Microsofts GitHub Copilot, som er et av de mest fremtredende AI-verkt\u00f8yene som kan hjelpe deg med koding.<\/p>\n

Code Assist bruker Gemini 1.5 Pro, som har et kontekstvindu p\u00e5 1 million, det st\u00f8rste kontekstvinduet noen modell gir. Dette gir Code Assist en betydelig fordel. Brukere vil til og med kunne utf\u00f8re endringer i hele kodebasen med dette kontekstvinduet, som ingen annen plattform tilbyr for \u00f8yeblikket.<\/p>\n

Bedrifter vil ogs\u00e5 kunne finjustere Code Assist til deres interne kodebase, omtrent som GitHub Copilot.<\/p>\n

Du kan pr\u00f8ve Gemini Code Assist gratis frem til 11. juli 2024, begrenset til \u00e9n bruker per faktureringskonto.<\/p>\n

For denne veiledningen vil vi fokusere p\u00e5 hvordan du kan bruke Gemini Code Assist i Visual Studio (VS) Code.<\/p>\n

Sette opp Gemini Code Assist med VS Code<\/h2>\n

For \u00e5 bruke Code Assist med VS Code, m\u00e5 du f\u00f8lge trinnene nedenfor for \u00e5 sette opp hele greia.<\/p>\n

Installer Cloud Code Extension<\/h3>\n

F\u00f8rst av alt m\u00e5 du installere Cloud Code-utvidelsen for \u00e5 bruke Code Assist med VS Code.<\/p>\n

    \n
  • \u00c5pne VS-kode p\u00e5 maskinen din.<\/li>\n
  • G\u00e5 deretter til “Utvidelser” fra menyen til venstre.<\/li>\n<\/ul>\n
    \"\"<\/figure>\n
      \n
    • S\u00f8k etter ‘Cloud Code’ ved hjelp av s\u00f8kefeltet. Klikk p\u00e5 det f\u00f8rste s\u00f8keresultatet, dvs. Gemini + Google Cloud Code.<\/li>\n<\/ul>\n
      \"\"<\/figure>\n
        \n
      • Klikk deretter p\u00e5 “Installer”-knappen og installer utvidelsen.<\/li>\n<\/ul>\n
        \"\"<\/figure>\n

        Cloud Code-utvidelsen er n\u00e5 installert p\u00e5 VS Code. Det fungerer best med f\u00f8lgende spr\u00e5k:<\/p>\n

          \n
        • NodeJS<\/li>\n
        • G\u00e5<\/li>\n
        • Python<\/li>\n
        • Java<\/li>\n
        • .NETT<\/li>\n<\/ul>\n

          Mens NodeJS har innebygd st\u00f8tte i VS-kode og ikke krever ytterligere handling, m\u00e5 du installere de andre spr\u00e5kene hvis du vil bruke dem. Du kan installere disse spr\u00e5kene p\u00e5 samme m\u00e5te som du installerte Cloud Code-utvidelsen.<\/p>\n

          Eventuelt, hvis du vil kopiere pr\u00f8ver til maskinen din, m\u00e5 du ogs\u00e5 installere Git.<\/p>\n

          Koble til Google Cloud<\/h3>\n

          N\u00e5 involverer neste trinn \u00e5 koble til Google Cloud fra VS Code.<\/p>\n

            \n
          • N\u00e5r utvidelsen er installert, klikker du p\u00e5 alternativet “\u00c5pne gjennomgang”.<\/li>\n<\/ul>\n
            \"\"<\/figure>\n
              \n
            • Klikk p\u00e5 “Koble til”-knappen p\u00e5 alternativet “Koble til med Google Cloud”.<\/li>\n<\/ul>\n
              \"\"<\/figure>\n
                \n
              • Det vises en melding om at VS Code \u00f8nsker \u00e5 \u00e5pne en ekstern nettside. Klikk p\u00e5 “\u00c5pne” for \u00e5 fortsette.<\/li>\n<\/ul>\n
                \"\"<\/figure>\n
                  \n
                • Logg deretter p\u00e5 Google-kontoen din.<\/li>\n
                • Deretter vil Google-kontoen din be deg om \u00e5 s\u00f8rge for at du lastet ned denne appen [Cloud Code] fra Google; klikk p\u00e5 “Logg p\u00e5” for \u00e5 fortsette.<\/li>\n<\/ul>\n
                  \"\"<\/figure>\n

                  Kontoen din er n\u00e5 koblet til Google Cloud.<\/p>\n

                  Deretter m\u00e5 du aktivere Gemini i VS Code ved \u00e5 velge et Google Cloud-prosjekt som har Cloud API aktivert. Men hvis du ikke har registrert deg for Google Cloud f\u00f8r n\u00e5, m\u00e5 du f\u00f8rst gj\u00f8re det.<\/p>\n

                  Registrer deg for Google Cloud<\/h3>\n

                  Hvis du ikke har Google Cloud, kan du f\u00e5 en gratis pr\u00f8veperiode i 3 m\u00e5neder med $300 kreditt.<\/p>\n

                    \n
                  • G\u00e5 til cloud.google.com og klikk p\u00e5 “Kom i gang gratis”.<\/li>\n<\/ul>\n
                    \"\"<\/figure>\n
                      \n
                    • Deretter oppgir du kontoinformasjonen din og klikker p\u00e5 “Godta og fortsett”.<\/li>\n<\/ul>\n
                      \"\"<\/figure>\n
                        \n
                      • Oppgi betalingsinformasjonen din og klikk p\u00e5 “Start gratis” for \u00e5 f\u00e5 den gratis pr\u00f8veversjonen. Du vil ikke bli belastet etter at pr\u00f8veperioden er over med mindre du manuelt aktiverer hele kontoen din for Google Cloud.<\/li>\n<\/ul>\n
                        \"\"<\/figure>\n

                        N\u00e5r du har Google Cloud, kan du bruke et prosjekt fra den til \u00e5 bruke Gemini i VS Code.<\/p>\n

                        Aktiver Gemini i VS-kode<\/h3>\n
                          \n
                        • G\u00e5 n\u00e5 tilbake til VS-kode og klikk p\u00e5 “Velg Google Cloud Project” for \u00e5 aktivere Gemini.<\/li>\n<\/ul>\n
                          \"\"<\/figure>\n
                            \n
                          • Alternativet for \u00e5 velge Google Cloud-prosjektet vises \u00f8verst. Velg Google Cloud Project med Cloud API aktivert. Du kan ogs\u00e5 opprette et nytt Google Cloud-prosjekt.<\/li>\n<\/ul>\n
                            \"\"<\/figure>\n
                              \n
                            • Hvis Cloud API ikke er aktivert for det valgte prosjektet, vil du motta en feilmelding i VS Code-vinduet. Klikk p\u00e5 “Aktiver API” for \u00e5 fikse det.<\/li>\n<\/ul>\n
                              \"\"<\/figure>\n
                                \n
                              • Gemini vil bli aktivert for bruk i VS Code. Du kan n\u00e5r som helst f\u00e5 tilgang til den fra statuslinjen, som n\u00e5 vil vise en aktivert Gemini, i stedet for det tidligere deaktiverte Gemini-ikonet (r\u00f8dt ikon med en diagonal linje over det).<\/li>\n<\/ul>\n
                                \"\"<\/figure>\n
                                  \n
                                • Alternativet for Gemini vil ogs\u00e5 bli lagt til i aktivitetslinjen til venstre.<\/li>\n<\/ul>\n
                                  \"\"<\/figure>\n

                                  Det er det. N\u00e5 kan du begynne \u00e5 bruke Gemini i VS Code for \u00e5 f\u00e5 hjelp med kodegenerering eller chatte med den.<\/p>\n

                                  Generer kode med Gemini<\/h2>\n

                                  For \u00e5 bruke Gemini i VS-kode, kan du generere ny kode med ledetekster, f\u00e5 kodeforslag eller f\u00e5 in-line-forslag.<\/p>\n

                                  F\u00f8rst \u00e5pner du enten en eksisterende applikasjon der du vil bruke Gemini, eller lag en eksempelapplikasjon for Cloud Code for \u00e5 teste Gemini med.<\/p>\n

                                    \n
                                  • For \u00e5 lage et eksempelprogram, trykk Ctrl<\/code>+ Shift<\/code>+ P<\/code>(Windows\/ Linux) eller Cmd<\/code>+ Shift<\/code>+ P<\/code>(Mac) for \u00e5 \u00e5pne kommandopaletten p\u00e5 VS-kode.<\/li>\n
                                  • Skriv deretter “Skykode: Ny applikasjon” og trykk Enter.<\/li>\n<\/ul>\n
                                    \"\"<\/figure>\n
                                      \n
                                    • Velg ‘Kubernetes-applikasjon’ fra alternativene.<\/li>\n<\/ul>\n
                                      \"\"<\/figure>\n
                                        \n
                                      • Velg deretter et eksempelprogram fra alternativene, for eksempel ‘Python (Flask): Gjestebok’. Merk at du m\u00e5 installere spr\u00e5ket du installerer eksempelapplikasjonen p\u00e5 hvis du ikke allerede har installert det.<\/li>\n<\/ul>\n
                                        \"\"<\/figure>\n
                                          \n
                                        • Lagre applikasjonen p\u00e5 \u00f8nsket sted, og applikasjonen vil bli opprettet.<\/li>\n<\/ul>\n

                                          N\u00e5r applikasjonen din er opprettet, oppretter du en ny kodefil eller \u00e5pner en eksisterende for \u00e5 bruke Gemini. Her er alle m\u00e5ter Gemini kan hjelpe deg med kodegenerering.<\/p>\n

                                          F\u00e5 inline-forslag<\/h3>\n
                                            \n
                                          • For \u00e5 f\u00e5 in-line forslag, begynn \u00e5 skrive inn koden.<\/li>\n
                                          • Gemini vil gi deg forslag til automatisk utfylling av koden din mens du skriver.<\/li>\n
                                          • Du kan trykke Tab<\/code>for \u00e5 godta forslaget. For \u00e5 ignorere forslaget, trykk Esc<\/code>eller fortsett \u00e5 skrive koden.<\/li>\n<\/ul>\n

                                            Generer kode<\/h3>\n
                                              \n
                                            • Gemini kan ogs\u00e5 generere ny kode for deg. Klikk p\u00e5 “Gemini: Smart Actions”-ikonet fra IDE-vinduet.<\/li>\n<\/ul>\n
                                              \"\"<\/figure>\n
                                                \n
                                              • Klikk deretter “Generer kode” fra alternativene.<\/li>\n<\/ul>\n
                                                \"\"<\/figure>\n
                                                  \n
                                                • Gemini vil generere ny kode for deg basert p\u00e5 koden som allerede er i filen din.<\/li>\n<\/ul>\n
                                                  \"\"<\/figure>\n

                                                  Generer kode med ledetekster<\/h3>\n

                                                  Du kan ogs\u00e5 gi sp\u00f8rsm\u00e5l til Gemini om \u00e5 generere kode for dem.<\/p>\n

                                                    \n
                                                  • G\u00e5 til en ny linje i koden din og skriv #<\/code>etterfulgt av ledeteksten for koden. Skriv for eksempel # Function to create a Cloud Storage bucket<\/code>og trykk Enter.<\/li>\n<\/ul>\n
                                                    \"\"<\/figure>\n
                                                      \n
                                                    • Deretter, for \u00e5 generere kode, trykk Ctrl<\/code>+ Enter<\/code>enten du er p\u00e5 Windows, Linux eller Mac.<\/li>\n
                                                    • Gemini vil generere koden for foresp\u00f8rselen din. Trykk Tab<\/code>p\u00e5 tastaturet for \u00e5 godta det.<\/li>\n<\/ul>\n
                                                      \"\"<\/figure>\n

                                                      Chat med Gemini<\/h2>\n

                                                      Du kan ogs\u00e5 chatte med Gemini i VS Code. Den kan svare p\u00e5 sp\u00f8rsm\u00e5l, forklare koden for deg eller hjelpe deg med den valgte koden.<\/p>\n

                                                        \n
                                                      • For \u00e5 chatte med Gemini, klikk p\u00e5 “Gemini”-ikonet fra aktivitetslinjen til venstre. Gemini chat-panelet \u00e5pnes til venstre.<\/li>\n<\/ul>\n
                                                        \"\"<\/figure>\n
                                                          \n
                                                        • Skriv inn ledeteksten i ledetekstlinjen og send den til AI (kodefilen din skal v\u00e6re \u00e5pen for dette). For eksempel kan du si Explain this code to me<\/code>. Gemini vil bruke koden i filen din som referanse og gi deg en forklaring.<\/li>\n<\/ul>\n
                                                          \"\"<\/figure>\n
                                                            \n
                                                          • Du kan ogs\u00e5 velge koden i filen din og deretter sende foresp\u00f8rselen til Gemini for \u00e5 forklare koden. Den vil da kun bruke den valgte koden som referanse mens den besvarer sp\u00f8rsm\u00e5let ditt.<\/li>\n<\/ul>\n
                                                            \"\"<\/figure>\n
                                                              \n
                                                            • Du kan ogs\u00e5 be Gemini om \u00e5 generere enhetstester for hele koden eller den valgte koden i chattepanelet. Skriv Generate unit tests<\/code>inn chattepanelet og Gemini vil generere enhetstester for hele koden din eller valgte funksjoner (basert p\u00e5 valget ditt).<\/li>\n
                                                            • P\u00e5 samme m\u00e5te kan du be Gemini til Help debug the code<\/code>eller Make the code more readable<\/code>i chattepanelet. Basert p\u00e5 om du valgte en del av koden din f\u00f8r du spurte eller ikke, vil den komme med \u00f8nsket svar for en del av koden\/hele kodefilen.<\/li>\n<\/ul>\n

                                                              Andre m\u00e5ter \u00e5 f\u00e5 tilgang til Gemini<\/h3>\n
                                                                \n
                                                              • Du kan ogs\u00e5 velge kode og utf\u00f8re en handling ved \u00e5 bruke Gemini ved \u00e5 klikke p\u00e5 “Vis kodehandlinger”-ikonet (bulb) fra koderedigeringsprogrammet.<\/li>\n<\/ul>\n
                                                                \"\"<\/figure>\n
                                                                  \n
                                                                • Du kan ogs\u00e5 utf\u00f8re andre handlinger med Gemini i VS Code. \u00c5pne kommandopaletten p\u00e5 VS-kode.<\/li>\n
                                                                • Deretter skriver du “Gemini:” og alternativene for hvordan du kan bruke Gemini vises. Du kan be Gemini om \u00e5 forklare koden for deg, fokusere p\u00e5 chattevisningen, generere kode, generere enhetstester osv.<\/li>\n<\/ul>\n
                                                                  \"\"<\/figure>\n

                                                                  Det er det. Gemini Code Assist ser ut til \u00e5 bli en stor konkurrent til GitHub Copilot, spesielt med sitt 1 million kontekstvindu. N\u00e5 er det eneste som gjenst\u00e5r \u00e5 se om Gemini Code Assist vil v\u00e6re like effektiv til \u00e5 kode for \u00e5 faktisk bli et nyttig verkt\u00f8y.<\/p>\n","protected":false},"excerpt":{"rendered":"

                                                                  Google lanserte nylig Gemini Code Assist \u2013 et AI-kodefullf\u00f8rings- og assistanseverkt\u00f8y for bedrifter \u2013 p\u00e5 Cloud Next-konferansen, som for tiden p\u00e5g\u00e5r i Las Vegas. Hva er Gemini Code Assist? Du kan bruke Gemini Code Assist i IDE-en din, som VS Code, IntelliJ, Cloud Workstations eller Cloud Shell Editor for \u00e5 hjelpe til med utviklingen, eller […]<\/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":[179,197,126],"class_list":["post-1555","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\/no\/wp-json\/wp\/v2\/posts\/1555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howtogeek.blog\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howtogeek.blog\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/no\/wp-json\/wp\/v2\/comments?post=1555"}],"version-history":[{"count":1,"href":"https:\/\/howtogeek.blog\/no\/wp-json\/wp\/v2\/posts\/1555\/revisions"}],"predecessor-version":[{"id":1556,"href":"https:\/\/howtogeek.blog\/no\/wp-json\/wp\/v2\/posts\/1555\/revisions\/1556"}],"wp:attachment":[{"href":"https:\/\/howtogeek.blog\/no\/wp-json\/wp\/v2\/media?parent=1555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howtogeek.blog\/no\/wp-json\/wp\/v2\/categories?post=1555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howtogeek.blog\/no\/wp-json\/wp\/v2\/tags?post=1555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}