10 načinov, kako lahko uporabite ChatGPT s kodo VS

Lahko ste glavni pri svojih nalogah in povečate svojo produktivnost, ko se naučite uporabljati orodja AI, ki vsak dan prihajajo iz raziskovalnih laboratorijev. VS Code vsebuje razširitev ChatGPT, ki vam omogoča kodirno okolje, ki podpira OpenAI.

Izkoristite lahko obsežen model kodiranja ChatGPT, da svoje projekte dokončate učinkoviteje in hitreje – neposredno v IDE. Tukaj so priročni načini, kako lahko uporabite ChatGPT s kodo VS.

Kako namestiti in uporabljati razširitev ChatGPT v kodi VS

Ko na tržnici razširitev VS Code iščete »ChatGPT« ali »Code GPT«, se prikaže veliko povezanih razširitev. Za razliko od GitHub Copilot ti uradno niso neposredno iz OpenAI.

Vendar večina vzorčenih razširitev VS Code ChatGPT deluje na enak način. Vendar se bomo držali Razširitev ChatGPT podjetja EasyCode za ta članek, saj je precej spodoben za prikaz primerov uporabe ChatGPT v kodi VS. Podpira GPT-4 in GPT-3.5, ima brezplačno raven in ne potrebuje ključa API.

Če želite namestiti razširitev ChatGPT v VS Code:

1. Odprite VS Code in kliknite ikono nastavitev v spodnjem levem kotu leve stranske vrstice.
2. Pojdi do Razširitve.
3. Druga možnost je, da pritisnete Ctrl + Shift + X (Command + Shift + X za Mac), da neposredno odprete tržnico razširitev.
4. V iskalno vrstico zgoraj levo vnesite "ChatGPT - EasyCode".
5. Kliknite razširitev, ko jo vidite.
6. Na koncu kliknite Namestite.
7. Po namestitvi boste v levi stranski vrstici videli ikono razširitve.
8. Kliknite ikono razširitve. Kliknite Poskusite brez računa. Ampak pogumno Prijava če imate račun oz Prijavite se za nov račun pri ponudniku razširitve.

Kako uporabljati razširitev ChatGPT

1. Če želite uporabiti vgrajeni poziv, označite ciljno kodo in jo kliknite z desno tipko miške. Izberite katerega koli od razpoložljivih pozivov.
2. Če želite napisati poziv po meri, z desno miškino tipko kliknite označeno kodo in izberite Vprašaj GPT. Vnesite svoj poziv v polje za klepet na vrhu in pritisnite Vnesite.

Kako uporabljati razširitev ChatGPT s svojo kodo

Če ste odprli VS Code v svojem osnovnem imeniku kode in želite, da ChatGPT dostopa do osnovnih modulov:

1. Kliknite ikono razširitve na levi stranski vrstici. Nato preverite Vprašaj Codebase škatla.
2. Kopirajte ciljno kodo in jo prilepite v polje za klepet.
3. Vnesite svoj poziv pod kodo (pritisnite Shift + Enter) v polju za klepet.
4. Pritisnite Vnesite ali kliknite ikono za pošiljanje.

Zdaj pa si poglejmo različne načine uporabe ChatGPT v VS Code.

1. Preoblikovanje in spreminjanje kode

ChatGPT se je izkazal za koristnega pri spreminjanju proceduralne, funkcionalne in objektno usmerjene kode.

Z uporabo te razširitve smo na primer prosili ChatGPT, da refaktorira spodnjo napačno kodo, funkcijo Python, da ustvari poljuben slovar in vsaki vrednosti doda »Kupi«.

defmakeDict(n: str, **kwargs)->dikt:
 nekateri: dikt
za ključ, vrednost v kwargs.items():
 nekaj = n+" "+vrednost
vrnitev nekaj
newDict = makeDict("Kupi", element1="Knjiga GPT", element2="Java Tutorial", postavka3="Pohodniški vodnik")

Precej dobro je ustvaril pravilno kodo, ki daje pričakovan rezultat, s podrobnimi razlogi za spremembo:

Poleg tega lahko uporabite Vprašaj za nadaljevanje polje, da naročite ChtGPT, naj pretvori kodo v razred in pokaže, kako jo ustvariti:

Zgornja ustvarjena koda je bolj modularna in jo je mogoče ponovno uporabiti.

2. Odpravite napako kode

Če vaša koda vrže napako ali ne deluje, kot bi morala, lahko ChatGPT naročite, da jo odpravi neposredno znotraj VS Code, prihrani čas.

Čeprav ni vgrajenega poziva za odpravljanje napak, lahko uporabite Vprašaj GPT možnost za ustvarjanje poziva po meri za odpravljanje napak v vaši kodi.

Razširitev ChatGPT smo prosili za odpravljanje napak kode, ki smo jo uporabili prej. Ne samo, da je odpravil napake. Razložil ga je in ustvaril pravilnega, vključno s pričakovanim rezultatom.

3. Napišite kodo v drugem jeziku

Morda boste želeli napisati program v določenem jeziku poleg svojega jedra. Svojo kodo lahko napišete v svojem osnovnem jeziku in prosite ChatGPT, da jo prepiše v izbranem programskem jeziku.

Vendar pa ustvarjena koda morda zahteva malo človeškega vnosa, saj ChatGPT v nekaterih primerih morda ne bo zagotovil popolnoma delujoče pretvorjene kode.

Na primer, naslednjo kodo Python smo pretvorili v njen ekvivalent C z uporabo razširitve VS Code ChatGPT:

To dosežete tako, da z desno miškino tipko kliknete označeno kodo in izberete Vprašaj GPT možnost.

Tukaj je naš poziv v kodi VS:

Čeprav je dvakrat ustvaril ekvivalent C, preden je bil pravilen, končna koda deluje.

4. Ustvarite sprednjo komponento za svoj API

Če ste napisali API z različnimi končnimi točkami, lahko od razširitve ChatGPT zahtevate, da zagotovi komponento sprednjega vmesnika, ki jo uporablja z uporabo določenega ogrodja. To je lahko React, Vue ali Angular.

Na primer, razširitev smo uporabili za ustvarjanje komponente React za ustvarjanje razporeda sestankov na podlagi končne točke API-ja, ustvarjene s Pythonovim FastAPI:

Kot zgoraj, boste morda želeli preveriti Vprašaj Codebase polje, če imate opravka z veliko kodno bazo.

Po sklicevanju na našo kodno osnovo je razširitev VS Code ChatGPT zagotovila priročno komponento React za uporabo navedene končne točke:

5. Razložite kodne bloke

Predpostavimo, da ste zagrabili del kode iz Stack Overflowa ali repozitorija GitHub. Razširitev ChatGPT v kodi VS lahko prosite za razlago, kako deluje za boljše razumevanje. To vam pomaga enostavno odpraviti napake v takšni kodi, če se pojavijo napake zaradi prihodnjih sprememb kode.

V tem primeru uporabe smo prosili razširitev ChatGPT, da pojasni naslednjo kodo; razred Python za preverjanje e-poštnih naslovov uporabnikov.

Ustvaril je naslednji odgovor:

6. Ustvarite predloge HTML za svojo aplikacijo

Z uporabo razširitve ChatGPT v kodi VS lahko ustvarite predlogo HTML (kot so vnosna polja) iz nič – neposredno z uporabo polja za klepet razširitve. Lahko mu na primer naročite, naj ustvari predlogo HTML za registracijo uporabnika.

Kaj pa, če pišete aplikacijo, ki neposredno upodablja podatke v HTML (ne-SPA) in želite predlogo, specifično za projekt? Razširitev ChatGPT v kodi VS lahko uporabite za ustvarjanje predlog HTML, ki uporabnikom prikazujejo zaledne podatke.

Na primer, če uporabljate Ogrodje, ki temelji na arhitekturi MVT, kot je Django, lahko uporabite razširitev za ustvarjanje predlog HTML za vaše poglede Django.

Še enkrat, za to vrsto primera uporabe boste morda želeli klikniti Vprašaj Codebase potrditveno polje za ChatGPT za dostop do baze kode.

7. Preizkusite svojo kodo

Ne glede na to, kako pomembno je testiranje enot, je lahko porabnik časa. Izkoristite lahko razširitev VS Code ChatGPT za ustvarjanje enotnih testov za vašo kodo in prihranite dragocen čas pri razvoju.

Čeprav ima razširitev ChatGPT vgrajen poziv za generiranje testov enote, boste morda želeli napisati poziv po meri z Vprašaj Codebase možnost za specifičnost in boljši rezultat.

ChatGPT smo prosili, da napiše preizkus enote za registracijsko končno točko, ustvarjeno s Pythonovim FastAPI:

Učinkovito je vzorčil bazo kode za ustvarjanje zahtevanega testa enote:

8. Poiščite potencialne varnostne ranljivosti

Čeprav morda ne zagotavlja podrobne varnostne analize, je razširitev VS Code ChatGPT lahko priročno orodje za hitro preverite varnostne ranljivosti v vaši aplikaciji bazo kode in vam prihrani čas pri ročnem skeniranju.

Če želite omogočiti ChatGPT skeniranje vaše baze kode, uporabite Vprašaj Codebase možnost (kliknite ikono razširitve in označite Vprašaj Codebase škatla).

Če običajno igrate na srečo nekaj starih oz nove funkcije kode VS, vas prosimo, da se pozanimate o IDE iz razširitve ChatGPT.

Od razširitve lahko na primer zahtevate, da priporoči najboljše razširitve za odpravljanje napak v določenem programskem jeziku.

Lahko pa mu postavite bolj tehnično vprašanje, na primer, kako odpreti kodo VS iz ukazne vrstice.

10. Napišite dokumentacijo neposredno iz kode VS

Z razširitvijo ChatGPT lahko z lahkoto napišete podrobno dokumentacijo za del kode neposredno iz kode VS.

Tukaj je na primer podrobna dokumentacija funkcije za ustvarjanje povezave Zoom (v formatu HTML), ki smo jo ustvarili z razširitvijo VS Code ChatGPT:

Učinkovito kodirajte s ChatGPT v kodi VS

Kot programer v hitro razvijajočem se internetu želite doseči minimalno izvedljiv izdelek v najkrajšem možnem času. Čeprav ChatGPT ni povsem zanesljiv, lahko pomaga pri vašem razvoju, če ga uporabljate ustvarjalno. In obstaja veliko več primerov uporabe ChatGPT v programiranju. Kljub vsemu povedanemu pa preverite rezultate ChatGPT, saj so lahko včasih zavajajoči.