10 võimalust, kuidas saate ChatGPT-d VS-koodiga kasutada

Saate olla oma ülesannete ülemus ja tõsta oma tootlikkust, kui õpite iga päev uurimislaboritest väljuvaid tehisintellekti tööriistu kasutama. VS Code sisaldab ChatGPT laiendust, et pakkuda teile OpenAI-toega kodeerimiskeskkonda.

Saate kasutada ChatGPT tohutut kodeerimismudelit, et oma projekte tõhusamalt ja kiiremini lõpule viia – otse IDE-s. Siin on käepärased viisid, kuidas saate ChatGPT-d VS-koodiga kasutada.

ChatGPT laienduse installimine ja kasutamine VS-koodis

Kui otsite VS Code laienduste turul sõna "ChatGPT" või "Code GPT", ilmub palju seotud laiendeid. Erinevalt GitHub Copilotist pole need ametlikult otse OpenAI-st pärit.

Kuid enamik VS Code ChatGPT laiendusi töötavad samamoodi. Aga me jääme juurde EasyCode'i ChatGPT laiendus selle artikli jaoks, kuna see on päris korralik VS-koodis ChatGPT kasutusjuhtude demonstreerimiseks. See toetab GPT-4 ja GPT-3.5, sellel on tasuta tase ja see ei vaja API-võtit.

ChatGPT laienduse installimiseks VS-koodi:

1. Avage VS Code ja klõpsake vasakpoolse külgriba vasakus alanurgas olevat seadete ikooni.
2. Minema Laiendused.
3. Teise võimalusena vajutage Ctrl + tõstuklahv + X (Command + Shift + X Maci jaoks), et avada otse laienduste turg.
4. Tippige vasakus ülanurgas asuvale otsinguribale "ChatGPT – EasyCode".
5. Klõpsake laiendil, kui seda näete.
6. Lõpuks klõpsake Installige.
7. Pärast installimist näete vasakpoolsel külgribal laienduse ikooni.
8. Klõpsake laienduse ikoonil. Klõpsake Proovige ilma kontota. Aga julgelt Logi sisse kui teil on konto või Registreeri laienduse pakkuja juures uue konto jaoks.

ChatGPT laienduse kasutamine

1. Sisseehitatud viipa kasutamiseks tõstke sihtkood esile ja paremklõpsake seda. Valige mõni saadaolevatest viipadest.
2. Kohandatud viipa kirjutamiseks paremklõpsake esiletõstetud koodil ja valige Küsi GPT-d. Sisestage oma viip ülaosas olevasse vestluskasti ja vajutage Sisenema.

Kuidas kasutada ChatGPT laiendust oma koodibaasiga

Kui olete oma koodi baaskataloogis avanud VS-koodi ja soovite, et ChatGPT pääseks juurde aluseks olevatele moodulitele, toimige järgmiselt.

1. Klõpsake vasakpoolsel külgribal laienduse ikoonil. Seejärel kontrollige Küsi Codebase'ilt kasti.
2. Kopeerige sihtkood ja kleepige see vestluskasti.
3. Sisestage oma viip koodi alla (vajutage Shift + Enter) vestluskastis.
4. Vajutage Sisenema või klõpsake saatmisikooni.

Nüüd vaatame erinevaid viise, kuidas kasutada ChatGPT-d VS-koodis.

1. Refaktoreeri ja muuda koodi

ChatGPT on osutunud abiks protseduurilise, funktsionaalse ja objektorienteeritud koodi muutmisel.

Näiteks palusime seda laiendust kasutades ChatGPT-l alltoodud vigase koodi ümber kujundada, Pythoni funktsioonil suvalise sõnastiku loomiseks ja igale väärtusele "Osta".

defmakeDict(n: str, **kwargs)-> dikteerida:
 mõned: dikt
jaoks võti, väärtus sisse kwargs.items():
 mõned = n+" "+väärtus
tagasi mõned
newDict = makeDict("Osta", item1="GPT raamat", item2="Java õpetus", item3="matkajuht")

See tegi päris hästi õige koodi, mis annab oodatud väljundi, koos üksikasjalike muudatuste põhjustega:

Lisaks saate kasutada Küsige järelkontrolli kast, et käskida ChtGPT-l kood klassiks teisendada ja näidata, kuidas seda teha:

Ülaltoodud loodud kood on modulaarsem ja korduvkasutatav.

2. Silu oma koodi

Kui teie kood annab tõrke või ei tööta nii nagu peaks, säästab aega, kui palute ChatGPT-l see siluda otse VS-koodis.

Kuigi silumiseks pole sisseehitatud viipa, saate kasutada Küsi GPT-d võimalus luua kohandatud viip koodi silumiseks.

Palusime ChatGPT laiendil siluda varem kasutatud koodi. See mitte ainult ei silunud. See selgitas seda ja genereeris õige, sealhulgas selle eeldatava väljundi.

3. Kirjutage oma kood teises keeles

Võib-olla soovite kirjutada programmi lisaks oma põhikeelele ka mõnes kindlas keeles. Saate kirjutada koodi oma põhikeeles ja paluda ChatGPT-l see valitud programmeerimiskeeles ümber kirjutada.

Loodud kood võib aga vajada vähe inimlikku sisendit, kuna ChatGPT ei pruugi mõnel juhul pakkuda täielikult töötavat teisendatud koodi.

Näiteks teisendasime järgmise Pythoni koodi selle C-ekvivalendiks, kasutades laiendit VS Code ChatGPT:

Selle saavutamiseks paremklõpsate esiletõstetud koodil ja valite Küsi GPT-d valik.

Siin on meie viip VS-koodis:

Kuigi see genereeris enne õigeks saamist kaks korda C-ekvivalendi, töötab lõplik kood.

4. Looge oma API jaoks Frontendi komponent

Kui olete kirjutanud API erinevate lõpp-punktidega, võite paluda ChatGPT laiendusel pakkuda eessüsteemi komponenti, et seda teatud raamistikuga tarbida. See võib olla React, Vue või Angular.

Näiteks kasutasime laiendust Reacti komponendi genereerimiseks koosoleku ajakava loomiseks, mis põhineb Pythoni FastAPI abil loodud API lõpp-punktil:

Nagu eespool tehtud, võiksite kontrollida Küsi Codebase'ilt kasti, kui tegemist on suure koodibaasiga.

Pärast meie koodibaasile viitamist pakkus VS Code ChatGPT laiendus käepärase React komponendi pakutava lõpp-punkti kasutamiseks:

5. Selgitage koodiplokke

Oletame, et hankisite koodilõigu Stack Overflowst või GitHubi hoidlast. Võite paluda VS Code'i ChatGPT laiendusel selgitada, kuidas see paremaks mõistmiseks töötab. See aitab teil sellist koodi hõlpsalt siluda, kui tulevaste koodimuudatuste tõttu ilmnevad vead.

Selle kasutusjuhtumi näitel palusime ChatGPT laiendil selgitada järgmist koodi; Pythoni klass kasutajate e-posti aadresside kontrollimiseks.

See tekitas järgmise vastuse:

6. Looge oma rakenduse jaoks HTML-malle

VS Code'i ChatGPT laienduse abil saate luua HTML-i malli (nagu sisestusväljad) nullist, kasutades otse laienduse vestluskasti. Näiteks võite käskida sellel luua kasutaja registreerimiseks HTML-malli.

Aga mis siis, kui kirjutate rakendust, mis renderdab andmed otse HTML-i (mitte-SPA) ja soovite projektipõhist malli? Saate kasutada VS Code laiendit ChatGPT, et luua HTML-malle, mis kuvavad kasutajatele taustaandmeid.

Näiteks kui kasutate MVT arhitektuuripõhine raamistik nagu Django, saate laienduse abil luua oma Django vaadete jaoks HTML-malle.

Jällegi, seda tüüpi kasutusjuhtumite puhul võiksite klõpsata Küsi Codebase'ilt ChatGPT-le oma koodibaasi juurde pääsemiseks märkeruut.

7. Testige oma koodi

Nii oluline kui ka ühikutestimine on, võib see olla ajatarbija. Saate kasutada VS Code ChatGPT laiendust, et luua oma koodi jaoks ühikuteste ja säästa väärtuslikku arendusaega.

Kuigi ChatGPT laiendusel on ühikutestide genereerimiseks sisseehitatud viip, võite soovida kirjutada kohandatud viipa, kasutades Küsi Codebase'ilt võimalus spetsiifilisuse ja parema tulemuse saavutamiseks.

Palusime ChatGPT-l kirjutada Pythoni FastAPI abil loodud registreerimise lõpp-punkti jaoks ühikutesti:

See valis koodibaasi tõhusalt, et luua nõutav ühikutest:

8. Otsige üles võimalikud turvaaukud

Kuigi see ei pruugi pakkuda üksikasjalikku turbeanalüüsi, võib VS Code ChatGPT laiendus olla mugav tööriist kiireks kontrollige oma rakenduses turvaauke koodibaasi ja säästate käsitsi skannimise aega.

Et lubada ChatGPT-l teie koodibaasi skannida, kasutage Küsi Codebase'ilt valik (klõpsake laienduse ikooni ja kontrollige Küsi Codebase'ilt kast).

Kui tavaliselt mängid oma teed mõne vana või uued VS-koodi funktsioonid, küsige ChatGPT laienduse kaudu IDE-s orienteerumist.

Näiteks võite paluda laiendil soovitada konkreetse programmeerimiskeele silumiseks parimaid laiendusi.

Või võite esitada sellele tehnilisema küsimuse, näiteks kuidas avada VS-kood käsurealt.

10. Kirjutage dokumentatsioon otse VS-koodist

Saate ChatGPT laienduse abil hõlpsalt kirjutada koodilõigu üksikasjalikku dokumentatsiooni otse VS Code'ist.

Näiteks siin on üksikasjalik dokumentatsioon Zoom lingi loomise funktsiooni kohta (HTML-vormingus), mille genereerisime VS Code ChatGPT laienduse abil:

Kodeerige tõhusalt ChatGPT-ga VS-koodis

Kiire tempoga Interneti programmeerijana soovite saavutada minimaalse elujõulise toote võimalikult lühikese aja jooksul. Kuigi ChatGPT pole täiesti töökindel, võib see loomingulise kasutamise korral teie arenguteekonda aidata. Ja ChatGPT-d on programmeerimises palju rohkem. Sellegipoolest veenduge, et kinnitate ChatGPT tulemused, kuna need võivad mõnikord olla eksitavad.