Første skritt mot uanstrengt koding

ChatGPT har blitt et av tidenes største buzzwords. Blant ChatGPTs mange styrker, skiller dens kodeassistent-evner seg ut mest. Enten det er kodegenerering, kodeoptimalisering, feilløsning eller dokumentasjon, ChatGPT dekker alt.

Det er sant at noen ganger hallusinerer det og gir sikre, men unøyaktige svar, og du må bekrefte det, men det er det vi mennesker er til for. ChatGPT er ikke ment å brukes utelukkende. Snarere er det ment å være ledsaget av erfarne mennesker på respektive felt.

Når det gjelder koding, kan ChatGPT være fordelaktig for programmerere på flere måter. La oss ta en titt på noen av dem:

Koding ved hjelp av ChatGPT

Fordeler med å bruke ChatGPT mens du koder inkluderer:

  • Generering av dummy-innhold: En av de kjedeligste og mest tidkrevende oppgavene under programmering er å komme opp med dummy-innhold for manuell testing. Jeg vet at du kan bruke «lorem ipsum» for å komme deg rundt det, men hva om du vil ha innholdet i en bestemt datatype og ikke bare en streng? Vel, ChatGPT kan gjøre det for deg.
  • Kodeoversettelse: La oss si at du skrev et program i Javascript, men ønsker å portere det til en annen enhet som bare støtter Java. I så fall må du oversette det til Java og gjøre de nødvendige optimaliseringene. Det er ganske enkelt for ChatGPT å gjøre det.
  • Dokumentasjon: Dette er tingen de fleste utviklere glemmer å legge til i koden sin. Godt dokumentert kode er det beste en annen programvareutvikler kan be om. Og ja, ChatGPT er dyktige på det også.
  • Kodegenerering: For å la ChatGPT generere nøyaktig kode, må du gi en detaljert beskrivelse av problemet du ønsker å løse. Jo mer kontekst du gir, jo mer optimalisert og nøyaktig blir den genererte koden.
  Hvordan forhindre at Hulu-feilkoden P-TS207 skjer

Nå er alt dette bra, men hva om jeg fortalte deg at du kunne integrere verdens kraftigste AI-verktøy med verdens mest populære koderedigerer? Jepp, du gjettet riktig. ChatGPT kan integreres med VS Code, og gir deg det beste fra begge verdener.

Fordeler med å bruke ChatGPT med VS-kode

VS-kode brukes av de fleste utviklerne der ute på grunn av dens høye utvidbarhet. Det er en koderedigerer i kjernen, men hvis den kombineres med flere utvidelser, blir den en kraftig IDE. Hvis du allerede er kjent med VS Code, vil integrering av ChatGPT med den ta produktiviteten til neste nivå.

La oss se på noen måter du kan dra nytte av å bruke ChatGPT med VS-kode:

#1. Forklaring av eksisterende kode

Sett deg selv i skoene til en ny utvikler som nylig begynte på et prosjekt med mye eldre kode. Hva ville være utviklerens mareritt? Forstå eksisterende kode, ikke sant? ChatGPT gjør det enkelt for deg.

Med CodeGPT-utvidelsen kan du bare velge en kodeblokk, høyreklikke og deretter velge alternativet «forklar kode» i menyen. Det er det.

#2. Dokumentere koden din

Å legge til meningsfulle kommentarer for å gjøre koden mer lesbar gjøres sjelden av programvareutviklere. Dermed resulterer det i uforklarlig og ukommentert gammel kode, som er vanskelig å refaktorisere. Det er her ChatGPT kommer til handling.

  Slik sletter du Square-konto

Den kan forklare hele koden for deg og, sammen med den, dokumentere den for deg. Her er jeg som bruker CodeGPT VS Code-utvidelsen for å dokumentere WebSocket-serverkoden min.

#3. Refaktorering av koden din

Refaktorering og optimalisering av kode er en av de største utfordringene innen programvareutvikling. Hvis du ønsker å refaktorisere et kodestykke uten mye kontekst om det, kan ChatGPT hjelpe deg med å få tak i noen manglende kontekstbiter.

For eksempel prøver jeg å refaktorere koden ovenfor ved hjelp av ChatGPT, og resultatene er ganske overraskende. Så, ChatGPT vet ikke at jeg bruker noen verdier fra det ytre omfanget, men det vet at det kan være tilfelle, så det advarte meg på forhånd.

Dessuten er det raskt å oppdage at denne funksjonen må kjøres i en WebSocket-forekomst. Ganske kult, ikke sant?

Integrering av ChatGPT med VS-kode

Alt du trenger for de fleste VS Code-utvidelsene som gir ChatGPT-tilgang er en API-nøkkel levert av OpenAI. For å generere en API-nøkkel, følg trinnene nevnt nedenfor:

Trinn 1: Opprett en OpenAI-konto

Dette trinnet er bare nødvendig hvis du ikke allerede har en OpenAI-konto. Hvis du har en, kan du ganske enkelt logge inn på nettsiden.

  • Gå til OpenAIs hjemmeside.
  • Åpne hamburgermenyen.

  • Når du har logget inn, vil du bli omdirigert til denne siden.

  • Velg API-kortet, og deretter blir du omdirigert til OpenAI-plattformen.

Trinn 2: Generering av en API-nøkkel

  • Under profilrullegardinmenyen velger du «Se API-nøkler».

  • Der kan du generere en ny hemmelighet for kontoen din, som egentlig er API-nøkkelen din.
  11 beste PTZ-sikkerhetskameraer 📷 for høyoppløselig video

Trinn 3: Legge til API-nøkkelen i utvidelsesinnstillingene

Dette avhenger av utvidelse til utvidelse, men hvis du for eksempel har installert CodeGPT-utvidelsen, kan du legge til API-nøkkelen ved å trykke Ctrl+Shift+P og søke CodeGPT: Set API Key i kommandopaletten.

ChatGPT VS kodeutvidelser

Her er noen av VS Code-utvidelsene som gjør deg til en 10x utvikler ved hjelp av ChatGPT.

#1. Kode GPT

Denne Code GPT-utvidelsen er en av de mest populære ChatGPT-utvidelsene for VS Code. Den har over 700 000 installasjoner og gir et bredt spekter av funksjoner som kodeforklaring, refactoring, svare på tekniske spørsmål osv. Det er helt gratis. Alt du trenger å gjøre er å legge til API-nøkkelen generert fra OpenAIs nettside.

Du kan prøve forskjellige LLM-modeller som gpt-3.5-turbo, gpt-3.5-turbo-16k og gpt-4; alle av dem støttes av denne utvidelsen.

#2. Genie AI

Genie AI-utvidelsen har funksjoner som å se kodeforskjell, feilsøking, holde styr på samtalehistorikk, optimalisere kode og mye mer. Den støtter flere GPT-modeller og krever den offisielle OpenAI API-nøkkelen.

Den mest nyttige funksjonen i denne utvidelsen er samtalehistorikken. Den lagrer historikken i filer som administreres av den globale lagrings-APIen levert av VS Code. Det er ikke mulig å slette disse filene, så det kan være lurt å fjerne dem manuelt av personvernhensyn.

#3. Rubberduck AI

En interessant funksjon ved denne Rubberduck AI-utvidelsen er muligheten til å generere enhetstester for en UI-komponent. Du kan bare velge komponenten og deretter velge «Generer enhetstest» fra høyreklikkmenyen.

Spesielt enhetstester er noen ganger forvirrende, spesielt når du må håne visse verdier og funksjoner. Denne utvidelsen gjør det til et stykke kake.

Akkurat som andre utvidelser, trenger du en OpenAI API-nøkkel for at den skal fungere.

Siste ord

ChatGPT-tilgang i VS Code er det beste du kan be om. VS Code er en utvidbar kodeeditor med et rikt utvidelsesbibliotek for å forbedre utviklerproduktiviteten. Dermed kan du forbedre utviklerproduktiviteten enda mer ved å integrere den med ChatGPT-utvidelser uten å kompromittere arbeidsflyten din.

Deretter lærer du hvordan du integrerer ChatGPT med Siri.