10 načina na koje možete koristiti ChatGPT s VS kodom

Možete biti šef svojih zadataka i povećati svoju produktivnost kada naučite koristiti AI alate koji svakodnevno izlaze iz istraživačkih laboratorija. VS Code sadrži proširenje ChatGPT koje vam donosi okruženje za kodiranje s omogućenim OpenAI-jem.

Možete iskoristiti golemi model kodiranja ChatGPT-a kako biste svoje projekte dovršili učinkovitije i brže—unutar IDE-a. Evo praktičnih načina na koje možete koristiti ChatGPT s VS kodom.

Kako instalirati i koristiti ChatGPT ekstenziju u VS kodu

Kada tražite "ChatGPT" ili "Code GPT" na VS Code tržištu proširenja, pojavljuju se mnoga povezana proširenja. Za razliku od GitHub Copilota, oni nisu službeno izravno iz OpenAI-ja.

No većina VS Code ChatGPT ekstenzija u uzorku radi na isti način. Ali držat ćemo se EasyCode ChatGPT proširenje za ovaj članak, jer je prilično pristojan za demonstraciju slučajeva upotrebe ChatGPT-a u VS Codeu. Podržava GPT-4 i GPT-3.5, ima besplatnu razinu i ne zahtijeva API ključ.

Da biste instalirali proširenje ChatGPT u VS Code:

1. Otvorite VS Code i kliknite ikonu postavki u donjem lijevom kutu lijeve bočne trake.
2. Ići Ekstenzije.
3. Alternativno, pritisnite Ctrl + Shift + X (Command + Shift + X za Mac) za izravno otvaranje tržišta proširenja.
4. Upišite "ChatGPT - EasyCode" u traku za pretraživanje u gornjem lijevom kutu.
5. Kliknite proširenje kada ga vidite.
6. Na kraju kliknite Instalirati.
7. Nakon instaliranja vidjet ćete ikonu proširenja na lijevoj bočnoj traci.
8. Pritisnite ikonu proširenja. Klik Pokušajte bez računa. Ali slobodno Prijaviti se ako imate račun ili Prijavite se za novi račun kod davatelja proširenja.

Kako koristiti proširenje ChatGPT

1. Za korištenje ugrađenog odzivnika označite ciljni kod i kliknite ga desnom tipkom miša. Odaberite bilo koji od dostupnih upita.
2. Da biste napisali prilagođeni upit, desnom tipkom miša kliknite označeni kod i odaberite Pitaj GPT. Upišite svoj upit u okvir za chat na vrhu i pritisnite Unesi.

Kako koristiti proširenje ChatGPT sa svojom bazom koda

Ako ste otvorili VS Code u svom osnovnom direktoriju koda i želite da ChatGPT pristupi osnovnim modulima:

1. Kliknite ikonu proširenja na lijevoj bočnoj traci. Zatim provjerite Pitajte Codebase kutija.
2. Kopirajte ciljni kod i zalijepite ga u okvir za razgovor.
3. Upišite svoj upit ispod koda (pritisnite Shift + Enter) u okviru za razgovor.
4. Pritisnite Unesi ili kliknite ikonu za slanje.

Pogledajmo sada različite načine korištenja ChatGPT-a u VS Codeu.

1. Prepravite i promijenite kod

ChatGPT se pokazao korisnim za modificiranje proceduralnog, funkcionalnog i objektno orijentiranog koda.

Na primjer, koristeći ovo proširenje, tražili smo od ChatGPT-a da refaktorira neispravan kod u nastavku, Python funkciju za stvaranje proizvoljnog rječnika i dodavanje "Kupi" svakoj vrijednosti.

defmakeDict(n: str, **kwargs)->dikt:
 neki: dikt
za ključ, vrijednost u kwargs.items():
 neki = n+" "+vrijednost
povratak neki
newDict = makeDict("Kupiti", stavka1="GPT knjiga", stavka2="Java vodič", stavka3="Pješački vodič")

Prilično je dobro proizveo ispravan kod koji daje očekivani rezultat, s detaljnim razlozima izmjene:

Nadalje, možete koristiti Zatražite nastavak okvir da kaže ChtGPT-u da pretvori kod u klasu i pokaže kako ga instancirati:

Gornji generirani kod više je modularan i može se ponovno koristiti.

2. Otklonite pogreške koda

Ako vaš kod izbaci pogrešku ili ne radi kako bi trebao, traženje od ChatGPT-a da otkloni pogreške izravno unutar VS Codea štedi vrijeme.

Iako ne postoji ugrađeni upit za otklanjanje pogrešaka, možete koristiti Pitaj GPT opciju za izradu prilagođenog odzivnika za otklanjanje pogrešaka koda.

Zamolili smo proširenje ChatGPT da otkloni pogreške koda koji smo ranije koristili. Ne samo da je otklonio pogreške. Objasnio ga je i generirao ispravan, uključujući očekivani rezultat.

3. Napišite svoj kod na drugom jeziku

Možda ćete htjeti napisati program na određenom jeziku osim na svom osnovnom. Možete napisati svoj kod na svom osnovnom jeziku i zamoliti ChatGPT da ga prepiše na odabranom programskom jeziku.

Međutim, generirani kod može zahtijevati malo ljudskog unosa, budući da ChatGPT u nekim slučajevima možda neće uspjeti pružiti potpuno radni konvertirani kod.

Na primjer, pretvorili smo sljedeći Python kod u njegov C ekvivalent pomoću VS Code ChatGPT proširenja:

To možete postići desnim klikom na označeni kod i odabirom Pitaj GPT opcija.

Evo našeg upita u VS kodu:

Iako je dvaput generirao C ekvivalent prije nego što ga je ispravio, konačni kod radi.

4. Generirajte prednju komponentu za svoj API

Ako ste napisali API s različitim krajnjim točkama, možete zatražiti od proširenja ChatGPT da pruži komponentu sučelja koja će ga koristiti pomoću određenog okvira. To može biti React, Vue ili Angular.

Na primjer, upotrijebili smo proširenje za generiranje komponente React za izradu rasporeda sastanaka na temelju API krajnje točke stvorene pomoću Pythonovog FastAPI-ja:

Kao što je učinjeno gore, možda biste trebali provjeriti Pitajte Codebase okvir ako imate posla s velikom bazom koda.

Nakon referiranja na našu bazu koda, proširenje VS Code ChatGPT pružilo je praktičnu React komponentu za korištenje navedene krajnje točke:

5. Objasnite blokove koda

Pretpostavimo da ste zgrabili dio koda iz Stack Overflowa ili GitHub repozitorija. Možete pitati proširenje ChatGPT u VS Codeu da vam objasni kako radi radi boljeg razumijevanja. To vam pomaže da lako otklonite pogreške u takvom kodu ako se pojave pogreške zbog budućih promjena koda.

U ovom primjeru upotrebe, tražili smo od proširenja ChatGPT da objasni sljedeći kod; Python klasa za provjeru e-mail adresa korisnika.

Generirao je sljedeći odgovor:

6. Generirajte HTML predloške za svoju aplikaciju

Koristeći proširenje ChatGPT u VS Codeu, možete stvoriti HTML predložak (poput polja za unos) od nule—upotrebom izravnog okvira za razgovor proširenja. Na primjer, možete mu reći da izradi HTML predložak za registraciju korisnika.

Ali što ako pišete aplikaciju koja izravno prikazuje podatke u HTML (ne-SPA) i želite predložak specifičan za projekt? Možete koristiti proširenje ChatGPT u VS Codeu za izradu HTML predložaka koji korisnicima prikazuju pozadinske podatke.

Na primjer, ako koristite MVT okvir temeljen na arhitekturi poput Djanga, možete koristiti proširenje za krivotvorenje HTML predložaka za svoje Django prikaze.

Opet, za ovu vrstu slučaja upotrebe, možda biste trebali kliknuti Pitajte Codebase potvrdni okvir za ChatGPT za pristup vašoj bazi kodova.

7. Jedinično testirajte svoj kod

Koliko god je testiranje jedinica bitno, ono može trošiti vrijeme. Možete iskoristiti proširenje VS Code ChatGPT za generiranje jediničnih testova za svoj kod i uštedjeti dragocjeno vrijeme razvoja.

Iako proširenje ChatGPT ima ugrađeni upit za generiranje jediničnih testova, možda ćete htjeti napisati prilagođeni upit koristeći Pitajte Codebase opcija za specifičnost i bolji rezultat.

Zamolili smo ChatGPT da napiše jedinični test za krajnju točku registracije kreiranu pomoću Pythonovog FastAPI-ja:

Učinkovito je uzorkovao bazu koda za generiranje potrebnog jediničnog testa:

8. Pronađite potencijalne sigurnosne ranjivosti

Iako možda ne pruža detaljnu sigurnosnu analizu, proširenje VS Code ChatGPT može biti praktičan alat za brzo provjerite postoje li sigurnosne ranjivosti u vašoj aplikaciji baze kodova i uštedjeti vrijeme ručnog skeniranja.

Kako biste dopustili ChatGPT-u da skenira vašu bazu koda, upotrijebite Pitajte Codebase opciju (kliknite ikonu proširenja i označite Pitajte Codebase kutija).

Ako obično kockate oko nekih starih ili nove značajke VS Code, slobodno se raspitajte o IDE-u iz proširenja ChatGPT.

Na primjer, možete zatražiti od proširenja da preporuči najbolja proširenja za otklanjanje pogrešaka određenog programskog jezika.

Ili mu možete postaviti više tehničko pitanje, na primjer kako otvoriti VS Code iz naredbenog retka.

10. Napišite dokumentaciju izravno iz VS koda

Možete napisati detaljnu dokumentaciju za dio koda izravno iz VS Codea s lakoćom pomoću ChatGPT ekstenzije.

Na primjer, ovdje je detaljna dokumentacija o funkciji za stvaranje veze Zoom (u HTML formatu) koju smo generirali pomoću ekstenzije VS Code ChatGPT:

Učinkovito kodirajte s ChatGPT-om u VS kodu

Kao programer na internetu koji se brzo razvija, želite postići minimalno održiv proizvod u najkraćem mogućem vremenu. Iako ChatGPT nije u potpunosti pouzdan, mogao bi pomoći vašem razvojnom putu ako ga koristite kreativno. I postoji mnogo drugih slučajeva korištenja ChatGPT-a u programiranju. Međutim, uz sve to rečeno, provjerite valjanost rezultata ChatGPT-a jer oni ponekad mogu dovesti u zabludu.