10 būdų, kaip naudoti „ChatGPT“ su VS kodu

Galite būti savo užduočių viršininku ir padidinti produktyvumą, kai išmoksite panaudoti dirbtinio intelekto įrankius, kasdien išleidžiamus iš tyrimų laboratorijų. „VS Code“ turi „ChatGPT“ plėtinį, kad suteiktų jums „OpenAI“ įgalintą kodavimo aplinką.

Galite pasinaudoti didžiuliu ChatGPT kodavimo modeliu, kad užbaigtumėte savo projektus efektyviau ir greičiau – tiesiog IDE. Čia pateikiami patogūs būdai, kaip galite naudoti „ChatGPT“ su VS kodu.

Kaip įdiegti ir naudoti „ChatGPT“ plėtinį VS kode

Kai VS kodo plėtinių rinkoje ieškote „ChatGPT“ arba „Code GPT“, atsiranda daug susijusių plėtinių. Skirtingai nuo GitHub Copilot, jie oficialiai nėra tiesiogiai iš OpenAI.

Tačiau dauguma atrinktų VS Code ChatGPT plėtinių veikia taip pat. Bet mes pasiliksime „EasyCode“ „ChatGPT“ plėtinys Šiam straipsniui, nes jis yra gana tinkamas norint parodyti „ChatGPT“ naudojimo atvejus „VS Code“. Jis palaiko GPT-4 ir GPT-3.5, turi nemokamą pakopą ir nereikalauja API rakto.

Norėdami įdiegti „ChatGPT“ plėtinį „VS Code“:

1. Atidarykite „VS Code“ ir spustelėkite nustatymų piktogramą kairiosios šoninės juostos apačioje, kairėje.
2. Eiti į Plėtiniai.
3. Arba paspauskite Ctrl + Shift + X (Command + Shift + X „Mac“), kad tiesiogiai atidarytumėte plėtinių prekyvietę.
4. Viršutiniame kairiajame kampe esančioje paieškos juostoje įveskite „ChatGPT – EasyCode“.
5. Spustelėkite plėtinį, kai pamatysite.
6. Galiausiai spustelėkite Diegti.
7. Kai įdiegsite, kairėje šoninėje juostoje pamatysite plėtinio piktogramą.
8. Spustelėkite plėtinio piktogramą. Spustelėkite Išbandykite be paskyros. Bet drąsiai Prisijungti jei turite paskyrą arba Registruotis naujai paskyrai su plėtinio teikėju.

Kaip naudoti „ChatGPT“ plėtinį

1. Norėdami naudoti integruotą raginimą, pažymėkite tikslinį kodą ir spustelėkite jį dešiniuoju pelės mygtuku. Pasirinkite bet kurį iš galimų raginimų.
2. Norėdami parašyti pasirinktinį raginimą, dešiniuoju pelės mygtuku spustelėkite pažymėtą kodą ir pasirinkite Klausti GPT. Viršuje esančiame pokalbio laukelyje įveskite savo raginimą ir paspauskite Įeikite.

Kaip naudoti „ChatGPT“ plėtinį su savo kodų baze

Jei atidarėte VS kodą savo kodo baziniame kataloge ir norite, kad „ChatGPT“ pasiektų pagrindinius modulius:

1. Spustelėkite plėtinio piktogramą kairėje šoninėje juostoje. Tada patikrinkite Klauskite Codebase dėžė.
2. Nukopijuokite tikslinį kodą ir įklijuokite jį į pokalbių laukelį.
3. Įveskite raginimą po kodu (paspauskite Shift + Enter) pokalbių laukelyje.
4. Paspauskite Įeikite arba spustelėkite siuntimo piktogramą.

Dabar pažiūrėkime įvairius būdus, kaip naudoti „ChatGPT“ VS kode.

1. Refaktorizuoti ir modifikuoti kodą

„ChatGPT“ pasirodė naudinga modifikuojant procedūrinį, funkcinį ir objektinį kodą.

Pavyzdžiui, naudodami šį plėtinį paprašėme „ChatGPT“ perdaryti toliau pateiktą klaidingą kodą, „Python“ funkciją, kad būtų sukurtas savavališkas žodynas ir prie kiekvienos vertės pridedama „Pirkti“.

defmakeDict(n: str, **kwargs)-> diktuoti:
 kai kurie: dikt
dėl raktas, vertė in kwargs.items():
 kai kurie = n+" "+ vertė
grąžinti kai kurie
newDict = makeDict("Pirkti", Item1="GPT knyga", 2 elementas=„Java pamoka“, 3 elementas=„Žygių vadovas“)

Tai gana gerai sukūrė teisingą kodą, kuris pateikia laukiamą išvestį, su išsamiomis modifikavimo priežastimis:

Be to, galite naudoti Paprašykite tolesnių veiksmų langelį, kuriame nurodoma ChtGPT konvertuoti kodą į klasę ir parodyti, kaip jį sukurti:

Aukščiau pateiktas sugeneruotas kodas yra labiau modulinis ir daugkartinis.

2. Suderinti savo kodą

Jei jūsų kodas pateikia klaidą arba neveikia taip, kaip turėtų, paprašius „ChatGPT“ jį derinti tiesiogiai „VS Code“ sutaupysite laiko.

Nors nėra integruoto raginimo derinti, galite naudoti Klauskite GPT parinktis sukurti tinkintą raginimą kodo derinimui.

Paprašėme „ChatGPT“ plėtinio suderinti kodą, kurį naudojome anksčiau. Tai ne tik derino. Tai paaiškino ir sugeneravo teisingą, įskaitant numatomą produkciją.

3. Parašykite savo kodą kita kalba

Galbūt norėsite parašyti programą ne tik pagrindine, bet ir kita kalba. Galite parašyti kodą pagrindine kalba ir paprašyti ChatGPT perrašyti jį pasirinkta programavimo kalba.

Tačiau sugeneruotam kodui gali prireikti mažai žmogaus įvesties, nes kai kuriais atvejais „ChatGPT“ gali nesuteikti visiškai veikiančio konvertuoto kodo.

Pavyzdžiui, mes konvertavome šį Python kodą į jo C ekvivalentą naudodami VS Code ChatGPT plėtinį:

Tai galite pasiekti dešiniuoju pelės mygtuku spustelėję pažymėtą kodą ir pasirinkę Klauskite GPT variantas.

Štai mūsų raginimas VS kode:

Nors jis du kartus sugeneravo C atitikmenį prieš tai, kai jis buvo teisingas, galutinis kodas veikia.

4. Sukurkite savo API sąsajos komponentą

Jei parašėte API su skirtingais galutiniais taškais, galite paprašyti, kad „ChatGPT“ plėtinys pateiktų sąsajos komponentą, kad jis būtų naudojamas naudojant tam tikrą sistemą. Tai gali būti „React“, „Vue“ arba „Angular“.

Pavyzdžiui, naudojome plėtinį, norėdami sugeneruoti „React“ komponentą, kad sukurtume susitikimo tvarkaraštį, pagrįstą API galutiniu tašku, sukurtu naudojant Python FastAPI:

Kaip buvo padaryta aukščiau, galbūt norėsite patikrinti Klauskite Codebase langelį, jei turite reikalų su didele kodų baze.

Nurodęs mūsų kodų bazę, VS Code ChatGPT plėtinys suteikė patogų „React“ komponentą, kad būtų galima naudoti pateiktą galinį tašką:

5. Paaiškinkite kodų blokus

Tarkime, kad paėmėte kodo dalį iš „Stack Overflow“ arba „GitHub“ saugyklos. Norėdami geriau suprasti, galite paprašyti ChatGPT plėtinio VS Code paaiškinti, kaip jis veikia. Tai padeda lengvai derinti tokį kodą, jei dėl būsimų kodo pakeitimų atsiranda klaidų.

Šiame naudojimo pavyzdyje mes paprašėme „ChatGPT“ plėtinio paaiškinti šį kodą; Python klasė, skirta vartotojų el. pašto adresams patikrinti.

Sugeneravo tokį atsakymą:

6. Sukurkite HTML šablonus savo programai

Naudodami „VS Code“ plėtinį „ChatGPT“, galite sukurti HTML šabloną (pvz., įvesties laukus) nuo nulio, naudodami plėtinio pokalbių laukelį. Pavyzdžiui, galite nurodyti sukurti HTML šabloną vartotojo registracijai.

Bet ką daryti, jei rašote programą, kuri tiesiogiai pateikia duomenis į HTML (ne SPA) ir norite konkretaus projekto šablono? Galite naudoti „ChatGPT“ plėtinį „VS Code“, kad sukurtumėte HTML šablonus, kuriuose vartotojams būtų rodomi užpakaliniai duomenys.

Pavyzdžiui, jei naudojate MVT architektūra pagrįsta sistema, tokia kaip „Django“., galite naudoti plėtinį, kad sukurtumėte HTML šablonus savo Django rodiniams.

Vėlgi, tokio tipo naudojimo atveju galbūt norėsite spustelėti Klauskite Codebase žymimąjį laukelį, kad „ChatGPT“ pasiektumėte kodų bazę.

7. Išbandykite savo kodą

Kad ir kaip svarbu atlikti vienetų testavimą, tai gali būti laiko vartotojas. Galite pasinaudoti VS Code ChatGPT plėtiniu, kad sugeneruotumėte savo kodo vienetų testus ir sutaupytumėte vertingo kūrimo laiko.

Nors „ChatGPT“ plėtinyje yra įmontuotas raginimas generuoti vienetų testus, galbūt norėsite parašyti pasirinktinį raginimą naudodami Klauskite Codebase konkretumo ir geresnio rezultato pasirinkimas.

Mes paprašėme „ChatGPT“ parašyti registracijos galinio taško, sukurto naudojant Python FastAPI, vieneto testą:

Jis efektyviai atrinko kodo bazę, kad sugeneruotų reikiamą vieneto testą:

8. Raskite galimas saugumo spragas

Nors VS Code ChatGPT plėtinys gali nepateikti išsamios saugos analizės, jis gali būti patogus įrankis greitai patikrinkite, ar programoje nėra saugos spragų kodo bazę ir sutaupysite laiko nuskaitydami rankiniu būdu.

Norėdami leisti ChatGPT nuskaityti jūsų kodo bazę, naudokite Klauskite Codebase parinktis (spustelėkite plėtinio piktogramą ir pažymėkite Klauskite Codebase dėžė).

Jei dažniausiai lošiate savo keliu kokius senus ar naujos VS kodo funkcijos, nedvejodami teirautis apie IDE iš „ChatGPT“ plėtinio.

Pavyzdžiui, galite paprašyti plėtinio rekomenduoti geriausius plėtinius, skirtus tam tikros programavimo kalbos derinimui.

Arba galite užduoti techninį klausimą, pavyzdžiui, kaip atidaryti VS kodą iš komandinės eilutės.

10. Rašykite dokumentaciją tiesiai iš VS kodo

Naudodami „ChatGPT“ plėtinį galite lengvai parašyti išsamią kodo dokumentaciją tiesiai iš „VS Code“.

Pavyzdžiui, čia yra išsami dokumentacija apie mastelio nuorodos kūrimo funkciją (HTML formatu), kurią sugeneravome naudodami VS Code ChatGPT plėtinį:

Efektyviai koduokite naudodami „ChatGPT“ VS kode

Kaip programuotojas sparčiai besivystančiame internete, jūs norite pasiekti minimalų gyvybingą produktą per trumpiausią laiką. Nors „ChatGPT“ nėra visiškai patikimas, jis gali padėti tobulėti, jei naudojamas kūrybiškai. Ir yra daug daugiau ChatGPT naudojimo atvejų programuojant. Tačiau, nepaisant to, įsitikinkite, kad patvirtinate „ChatGPT“ rezultatus, nes kartais jie gali būti klaidinantys.