Du-ți productivitatea de codare la următorul nivel integrând ChatGPT cu VS Code.

Puteți fi șeful sarcinilor dvs. și vă puteți crește productivitatea atunci când învățați să utilizați instrumentele AI care ies zilnic din laboratoarele de cercetare. VS Code are extensia ChatGPT pentru a vă oferi un mediu de codare compatibil OpenAI.

Puteți profita de vastul model de codare ChatGPT pentru a vă finaliza proiectele mai eficient și mai rapid, chiar în interiorul IDE. Iată modalități utile în care puteți utiliza ChatGPT cu VS Code.

Cum se instalează și se utilizează extensia ChatGPT în VS Code

Când căutați „ChatGPT” sau „Code GPT” pe piața de extensii VS Code, apar multe extensii similare. Spre deosebire de GitHub Copilot, acestea nu sunt oficial direct din OpenAI.

Cu toate acestea, majoritatea extensiilor VS Code ChatGPT eșantionate funcționează în același mod. Dar vom rămâne Extensia ChatGPT de la EasyCode pentru acest articol, deoarece este destul de decent pentru a demonstra cazurile de utilizare ChatGPT în VS Code. Acceptă GPT-4 și GPT-3.5, are un nivel gratuit și nu necesită o cheie API.

instagram viewer

Pentru a instala extensia ChatGPT în VS Code:

  1. Deschideți VS Code și faceți clic pe pictograma setări din stânga jos a barei laterale din stânga.
  2. Mergi la Extensii.
  3. Alternativ, apăsați Ctrl + Shift + X (Comandă + Shift + X pentru Mac) pentru a deschide direct piața de extensii.
  4. Tastați „ChatGPT - EasyCode” în bara de căutare din stânga sus.
  5. Faceți clic pe extensie când este văzută.
  6. În cele din urmă, faceți clic Instalare.
  7. Veți vedea pictograma extensiei în bara laterală din stânga odată instalată.
  8. Faceți clic pe pictograma extensiei. Clic Încercați fără cont. Dar simțiți-vă liber Conectare dacă ai un cont sau Inscrie-te pentru un cont nou la furnizorul de extensii.

Cum să utilizați extensia ChatGPT

  1. Pentru a utiliza un prompt încorporat, evidențiați codul țintă și faceți clic dreapta pe el. Selectați oricare dintre solicitările disponibile.
  2. Pentru a scrie o solicitare personalizată, faceți clic dreapta pe codul evidențiat și selectați Ask GPT. Introduceți solicitarea în caseta de chat din partea de sus și apăsați introduce.

Cum să utilizați extensia ChatGPT cu baza de cod

Dacă ați deschis VS Code în directorul de bază de cod și doriți ca ChatGPT să acceseze modulele de bază:

  1. Faceți clic pe pictograma extensiei din bara laterală din stânga. Apoi verificați Întrebați Codebase cutie.
  2. Copiați codul țintă și inserați-l în caseta de chat.
  3. Introduceți solicitarea sub cod (apăsați Shift + Enter) în caseta de chat.
  4. presa introduce sau faceți clic pe pictograma de trimitere.

Acum să vedem diferitele moduri de a folosi ChatGPT în VS Code.

1. Refactorizarea și modificarea codului

ChatGPT s-a dovedit util pentru modificarea codului procedural, funcțional și orientat pe obiecte.

De exemplu, folosind această extensie, am cerut ChatGPT să refactoreze codul defect de mai jos, o funcție Python pentru a crea un dicționar arbitrar și a adăuga „Cumpără” la fiecare valoare.

defmakeDict(n: str, **kwargs)->dict:
 unele: dict
pentru valoare cheie în kwargs.items():
 unele = n+" "+valoare
întoarcere niste
newDict = makeDict("Cumpără", item1=„Carte GPT”, item2=„Tutorial Java”, item3=„Ghid de drumeții”)

S-a descurcat destul de bine producând codul corect care dă rezultatul așteptat, cu motive detaliate pentru modificare:

În plus, puteți utiliza Cere o continuare caseta pentru a-i spune lui ChtGPT să convertească codul într-o clasă și să arate cum să-l instanțieze:

Codul generat mai sus este mai modular și mai reutilizabil.

2. Depanați-vă codul

Dacă codul dvs. afișează o eroare sau nu funcționează așa cum ar trebui, cereți lui ChatGPT să-l depaneze direct în VS Code economisește timp.

Deși nu există un prompt încorporat pentru depanare, puteți utiliza Întrebați GPT opțiunea de a crea o solicitare personalizată pentru a vă depana codul.

Am cerut extensiei ChatGPT să depaneze codul pe care l-am folosit mai devreme. Nu numai că a depanat. A explicat-o și a generat-o pe cea corectă, inclusiv rezultatul așteptat.

3. Scrieți codul într-o altă limbă

S-ar putea să doriți să scrieți un program într-o anumită limbă, în afară de nucleul dvs. Îți poți scrie codul în limbajul de bază și poți cere ChatGPT să-l rescrie în limbajul de programare ales.

Cu toate acestea, codul generat ar putea necesita puțină intervenție umană, deoarece ChatGPT ar putea să nu furnizeze un cod convertit complet funcțional în unele cazuri.

De exemplu, am convertit următorul cod Python în echivalentul său C folosind extensia VS Code ChatGPT:

Puteți realiza acest lucru făcând clic dreapta pe codul evidențiat și selectând Întrebați GPT opțiune.

Iată solicitarea noastră în VS Code:

Deși a generat echivalentul C de două ori înainte de a-l corecta, codul final funcționează.

4. Generați o componentă de front-end pentru API-ul dvs

Dacă ați scris un API cu puncte finale diferite, puteți cere extensiei ChatGPT să furnizeze o componentă de front-end pentru a o consuma folosind un anumit cadru. Acesta poate fi React, Vue sau Angular.

De exemplu, am folosit extensia pentru a genera o componentă React pentru a crea un program de întâlnire bazat pe un punct final API creat folosind FastAPI-ul Python:

După cum sa făcut mai sus, poate doriți să verificați Întrebați Codebase caseta dacă aveți de-a face cu o bază de cod mare.

După ce am făcut referire la baza noastră de cod, extensia VS Code ChatGPT a oferit o componentă React la îndemână pentru a utiliza punctul final furnizat:

5. Explicați blocurile de cod

Să presupunem că ați luat o bucată de cod din Stack Overflow sau dintr-un depozit GitHub. Puteți cere extensiei ChatGPT din VS Code să explice cum funcționează pentru o mai bună înțelegere. Acest lucru vă ajută să depanați cu ușurință un astfel de cod dacă apar erori din cauza modificărilor viitoare ale codului.

În acest exemplu de caz de utilizare, am cerut extensiei ChatGPT să explice următorul cod; o clasă Python pentru verificarea adreselor de e-mail ale utilizatorilor.

A generat următorul răspuns:

6. Generați șabloane HTML pentru aplicația dvs

Folosind extensia ChatGPT în VS Code, puteți crea un șablon HTML (cum ar fi câmpurile de introducere) de la zero, folosind direct caseta de chat cu extensie. De exemplu, îi puteți spune să creeze un șablon HTML pentru înregistrarea utilizatorilor.

Dar ce se întâmplă dacă scrieți o aplicație care redă datele în HTML direct (un non-SPA) și doriți un șablon specific pentru proiect? Puteți utiliza extensia ChatGPT în VS Code pentru a crea șabloane HTML care afișează utilizatorilor datele backend.

De exemplu, dacă utilizați un Cadru bazat pe arhitectură MVT, cum ar fi Django, puteți folosi extensia pentru a crea șabloane HTML pentru vizualizările dvs. Django.

Din nou, pentru acest tip de caz de utilizare, este posibil să doriți să faceți clic pe Întrebați Codebase caseta de selectare pentru ChatGPT pentru a vă accesa baza de cod.

7. Testați-vă codul unitar

Oricât de esențială este testarea unitară, poate fi un consumator de timp. Puteți utiliza extensia VS Code ChatGPT pentru a genera teste unitare pentru codul dvs. și pentru a economisi timp valoros de dezvoltare.

Deși extensia ChatGPT are o solicitare încorporată pentru generarea de teste unitare, este posibil să doriți să scrieți o solicitare personalizată folosind Întrebați Codebase opțiune pentru specificitate și un rezultat mai bun.

Am cerut ChatGPT să scrie un test unitar pentru un punct final de înregistrare creat folosind FastAPI-ul Python:

A eșantionat baza de cod în mod eficient pentru a genera testul unitar necesar:

8. Găsiți potențiale vulnerabilități de securitate

Deși este posibil să nu ofere o analiză detaliată a securității, extensia VS Code ChatGPT poate fi un instrument util pentru rapid verificați vulnerabilitățile de securitate din aplicația dvs codul de bază și economisiți timp la scanarea manuală.

Pentru a permite ChatGPT să scaneze baza de cod, utilizați Întrebați Codebase opțiunea (faceți clic pe pictograma extensiei și verificați Întrebați Codebase cutie).

Dacă de obicei joci de noroc în jurul unor vechi sau noi caracteristici VS Code, nu ezitați să întrebați cum să ocoliți IDE din extensia ChatGPT.

De exemplu, puteți cere extensiei să recomande cele mai bune extensii pentru depanarea unui anumit limbaj de programare.

Sau îi puteți adresa o întrebare mai tehnică, cum ar fi cum să deschideți VS Code din linia de comandă.

10. Scrieți documentația direct din VS Code

Puteți scrie documentație detaliată pentru o bucată de cod direct din VS Code cu ușurință folosind extensia ChatGPT.

De exemplu, iată o documentație detaliată a unei funcții de creare a linkurilor Zoom (în format HTML) pe care am generat-o folosind extensia VS Code ChatGPT:

Codați eficient cu ChatGPT în VS Code

În calitate de programator într-un internet cu ritm rapid, doriți să obțineți un produs minim viabil în cel mai scurt timp minim. Deși ChatGPT nu este pe deplin de încredere, ți-ar putea ajuta călătoria de dezvoltare dacă este folosit în mod creativ. Și există multe mai multe cazuri de utilizare a ChatGPT în programare. Cu toate acestea, cu toate acestea spuse, asigurați-vă că validați rezultatele ChatGPT, deoarece acestea pot induce în eroare uneori.