Paceliet savu kodēšanas produktivitāti uz nākamo līmeni, integrējot ChatGPT ar VS kodu.

Jūs varat būt savu uzdevumu vadītājs un palielināt savu produktivitāti, kad iemācīsities izmantot AI rīkus, kas katru dienu tiek izņemti no pētniecības laboratorijām. VS Code piedāvā ChatGPT paplašinājumu, lai nodrošinātu OpenAI iespējotu kodēšanas vidi.

Varat izmantot ChatGPT plašo kodēšanas modeli, lai efektīvāk un ātrāk pabeigtu projektus — tieši IDE. Tālāk ir norādīti ērti veidi, kā izmantot ChatGPT ar VS kodu.

Kā instalēt un izmantot ChatGPT paplašinājumu VS kodā

Meklējot “ChatGPT” vai “Code GPT” VS Code paplašinājumu tirgū, tiek parādīti daudzi saistīti paplašinājumi. Atšķirībā no GitHub Copilot, tie oficiāli nav tieši no OpenAI.

Tomēr lielākā daļa atlasīto VS Code ChatGPT paplašinājumu darbojas tāpat. Bet mēs pieturēsimies EasyCode ChatGPT paplašinājums šim rakstam, jo ​​tas ir diezgan piemērots, lai demonstrētu ChatGPT lietošanas gadījumus VS Code. Tas atbalsta GPT-4 un GPT-3.5, tam ir bezmaksas līmenis, un tai nav nepieciešama API atslēga.

Lai instalētu ChatGPT paplašinājumu VS kodā:

  1. Atveriet VS Code un noklikšķiniet uz iestatījumu ikonas kreisās sānjoslas apakšējā kreisajā stūrī.
  2. Iet uz Paplašinājumi.
  3. Alternatīvi nospiediet Ctrl+Shift+X (Command+Shift+X operētājsistēmai Mac), lai tieši atvērtu paplašinājumu tirgu.
  4. Meklēšanas joslā augšējā kreisajā stūrī ierakstiet "ChatGPT — EasyCode".
  5. Noklikšķiniet uz paplašinājuma, kad tas ir redzams.
  6. Visbeidzot noklikšķiniet uz Uzstādīt.
  7. Pēc instalēšanas kreisajā sānjoslā redzēsit paplašinājuma ikonu.
  8. Noklikšķiniet uz paplašinājuma ikonas. Klikšķis Izmēģiniet bez konta. Bet jūtieties brīvi Ielogoties ja jums ir konts vai Pierakstīties jaunam kontam pie paplašinājuma nodrošinātāja.

Kā izmantot ChatGPT paplašinājumu

  1. Lai izmantotu iebūvēto uzvedni, iezīmējiet mērķa kodu un ar peles labo pogu noklikšķiniet uz tā. Atlasiet kādu no pieejamajām uzvednēm.
  2. Lai uzrakstītu pielāgotu uzvedni, ar peles labo pogu noklikšķiniet uz iezīmētā koda un atlasiet Ask GPT. Augšpusē esošajā tērzēšanas lodziņā ierakstiet savu uzvedni un nospiediet Ievadiet.

Kā izmantot ChatGPT paplašinājumu ar savu kodu bāzi

Ja savā koda bāzes direktorijā esat atvēris VS Code un vēlaties, lai ChatGPT piekļūtu pamatā esošajiem moduļiem:

  1. Noklikšķiniet uz paplašinājuma ikonas kreisajā sānjoslā. Pēc tam pārbaudiet Jautājiet Codebase kaste.
  2. Nokopējiet mērķa kodu un ielīmējiet to tērzēšanas lodziņā.
  3. Ierakstiet savu uzvedni zem koda (nospiediet Shift + Enter) tērzēšanas lodziņā.
  4. Nospiediet Ievadiet vai noklikšķiniet uz sūtīšanas ikonas.

Tagad apskatīsim dažādus veidus, kā izmantot ChatGPT VS kodā.

1. Refaktorēt un modificēt kodu

ChatGPT ir izrādījies noderīgs procesuālā, funkcionālā un objektorientētā koda modificēšanai.

Piemēram, izmantojot šo paplašinājumu, mēs lūdzām ChatGPT pārveidot zemāk esošo kļūdaino kodu, Python funkciju, lai izveidotu patvaļīgu vārdnīcu un katrai vērtībai pievienotu "Pirkt".

defmakeDict(n: str, **kwargs)-> dikti:
daži: dikt
priekš atslēga, vērtība iekšā kwargs.items():
daži = n+" "+vērtība
atgriezties daži

newDict = makeDict("Pirkt", vienums1="GPT grāmata", vienums2="Java apmācība", vienums3="Pārgājienu ceļvedis")

Tas diezgan labi izveidoja pareizo kodu, kas sniedz gaidīto rezultātu, ar detalizētiem modifikācijas iemesliem:

Turklāt jūs varat izmantot Jautājiet pēcpārbaudei lodziņā, lai norādītu ChtGPT, lai kods pārvērstu klasē un parādītu, kā to izveidot:

Iepriekš ģenerētais kods ir vairāk modulārs un atkārtoti lietojams.

2. Atkļūdojiet savu kodu

Ja kods rada kļūdu vai nedarbojas, kā vajadzētu, lūgums ChatGPT to atkļūdot tieši VS Code ietaupa laiku.

Lai gan nav iebūvēta uzvedne atkļūdošanai, varat izmantot Jautājiet GPT iespēja izveidot pielāgotu uzvedni koda atkļūdošanai.

Mēs lūdzām ChatGPT paplašinājumu atkļūdot kodu, ko izmantojām iepriekš. Tas ne tikai atkļūdoja. Tas to izskaidroja un ģenerēja pareizo, tostarp paredzamo rezultātu.

3. Uzrakstiet savu kodu citā valodā

Iespējams, vēlēsities uzrakstīt programmu ne tikai pamata valodā, bet arī kādā noteiktā valodā. Varat uzrakstīt kodu savā pamatvalodā un lūgt ChatGPT to pārrakstīt izvēlētajā programmēšanas valodā.

Tomēr ģenerētajam kodam var būt nepieciešama neliela cilvēka ievade, jo dažos gadījumos ChatGPT var neizdoties nodrošināt pilnībā funkcionējošu konvertētu kodu.

Piemēram, mēs pārveidojām šādu Python kodu tā C ekvivalentā, izmantojot paplašinājumu VS Code ChatGPT:

To var panākt, ar peles labo pogu noklikšķinot uz iezīmētā koda un atlasot Jautājiet GPT opciju.

Šeit ir mūsu uzvedne VS kodā:

Lai gan tas divreiz ģenerēja C ekvivalentu, pirms tas tika pareizi, galīgais kods darbojas.

4. Ģenerējiet priekšgala komponentu savai API

Ja esat uzrakstījis API ar dažādiem galapunktiem, varat lūgt ChatGPT paplašinājumu nodrošināt priekšgala komponentu, lai to izmantotu, izmantojot noteiktu sistēmu. Tas varētu būt React, Vue vai Angular.

Piemēram, mēs izmantojām paplašinājumu, lai ģenerētu React komponentu sapulču grafika izveidei, pamatojoties uz API galapunktu, kas izveidots, izmantojot Python FastAPI:

Kā tas izdarīts iepriekš, iespējams, vēlēsities pārbaudīt Jautājiet Codebase lodziņā, ja jums ir darīšana ar lielu kodu bāzi.

Pēc atsauces uz mūsu kodu bāzi VS Code ChatGPT paplašinājums nodrošināja ērtu React komponentu, lai izmantotu sniegto galapunktu:

5. Izskaidrojiet kodu blokus

Pieņemsim, ka esat paņēmis koda fragmentu no Stack Overflow vai GitHub repozitorija. Varat lūgt ChatGPT paplašinājumu pakalpojumā VS Code paskaidrot, kā tas darbojas, lai nodrošinātu labāku izpratni. Tas palīdz viegli atkļūdot šādu kodu, ja turpmāko koda izmaiņu dēļ rodas kļūdas.

Šajā lietošanas piemērā mēs lūdzām ChatGPT paplašinājumu izskaidrot šādu kodu; Python klase lietotāju e-pasta adrešu pārbaudei.

Tas radīja šādu atbildi:

6. Ģenerējiet HTML veidnes savai lietojumprogrammai

Izmantojot ChatGPT paplašinājumu pakalpojumā VS Code, varat izveidot HTML veidni (piemēram, ievades laukus) no jauna, izmantojot paplašinājuma tērzēšanas lodziņu. Piemēram, varat likt tam izveidot HTML veidni lietotāja reģistrācijai.

Bet ko darīt, ja rakstāt lietojumprogrammu, kas datus renderē tieši HTML formātā (kas nav SPA), un vēlaties projektam specifisku veidni? Varat izmantot ChatGPT paplašinājumu pakalpojumā VS Code, lai izveidotu HTML veidnes, kas lietotājiem parāda aizmugursistēmas datus.

Piemēram, ja izmantojat Uz MVT arhitektūru balstīta sistēma, piemēram, Django, varat izmantot paplašinājumu, lai veidotu HTML veidnes saviem Django skatiem.

Atkal, šāda veida lietošanas gadījumā, iespējams, vēlēsities noklikšķināt uz Jautājiet Codebase izvēles rūtiņa ChatGPT, lai piekļūtu jūsu kodu bāzei.

7. Vienība — pārbaudiet savu kodu

Lai cik būtiska ir vienību pārbaude, tā var būt laika patērētājs. Varat izmantot VS Code ChatGPT paplašinājumu, lai ģenerētu sava koda vienību pārbaudes un ietaupītu vērtīgo izstrādes laiku.

Lai gan ChatGPT paplašinājumā ir iebūvēta uzvedne vienību testu ģenerēšanai, iespējams, vēlēsities rakstīt pielāgotu uzvedni, izmantojot Jautājiet Codebase iespēja specifiskumam un labākam rezultātam.

Mēs lūdzām ChatGPT uzrakstīt vienības testu reģistrācijas galapunktam, kas izveidots, izmantojot Python FastAPI:

Tas efektīvi atlasīja kodu bāzes paraugus, lai ģenerētu nepieciešamo vienības testu:

8. Atrodiet iespējamās drošības ievainojamības

Lai gan tas var nesniegt detalizētu drošības analīzi, VS Code ChatGPT paplašinājums var būt ērts rīks ātrai darbībai pārbaudiet, vai jūsu lietojumprogrammā nav drošības ievainojamību kodu bāzi un ietaupiet laiku, veicot manuālu skenēšanu.

Lai ļautu ChatGPT skenēt jūsu kodu bāzi, izmantojiet Jautājiet Codebase opciju (noklikšķiniet uz paplašinājuma ikonas un pārbaudiet Jautājiet Codebase kaste).

Ja jūs parasti spēlējat savu ceļu ap kādu vecu vai jaunas VS Code funkcijas, nekautrējieties jautāt par IDE no ChatGPT paplašinājuma.

Piemēram, varat lūgt paplašinājumu ieteikt labākos paplašinājumus konkrētas programmēšanas valodas atkļūdošanai.

Vai arī varat uzdot tai tehniskāku jautājumu, piemēram, kā atvērt VS kodu no komandrindas.

10. Rakstiet dokumentāciju tieši no VS koda

Izmantojot ChatGPT paplašinājumu, varat ērti uzrakstīt detalizētu dokumentāciju koda fragmentam tieši no VS Code.

Piemēram, šeit ir detalizēta dokumentācija par tālummaiņas saites izveides funkciju (HTML formātā), ko ģenerējām, izmantojot paplašinājumu VS Code ChatGPT:

Efektīvi kodējiet, izmantojot ChatGPT VS kodā

Kā programmētājs straujā interneta vidē jūs vēlaties iegūt minimālu dzīvotspējīgu produktu minimālajā laikā. Lai gan ChatGPT nav pilnīgi uzticams, tas var palīdzēt jūsu attīstības ceļojumam, ja to izmantos radoši. Programmēšanā ir daudz vairāk ChatGPT lietošanas gadījumu. Tomēr, ņemot vērā visu iepriekš minēto, pārbaudiet ChatGPT rezultātus, jo tie dažkārt var būt maldinoši.