CodeGPT installeren en gebruiken in VS Code

VS Code heeft verschillende handige extensies die de functionaliteit verbeteren en functies bieden voor ontwikkelingsworkflows. Een van deze extensies is CodeGPT, dat de kracht van generatieve kunstmatige intelligentie naar VS Code brengt.

Met CodeGPT kunt u uw code moeiteloos manipuleren. Je kunt het gebruiken om code te genereren op basis van opmerkingen, het te herstructureren, te debuggen, te documenteren of zelfs uit te leggen wat een bepaald codeblok doet.

CodeGPT installeren en configureren

Installeren CodeGPT, start VS Code. Klik vervolgens op het extensiepictogram in de linkerzijbalk van uw venster. Zoek dan naar Codeer GPT. Het zou de eerste in de zoekresultaten moeten zijn. Zorg ervoor dat het een blauwe verificatiebadge heeft.

Klik op de Installeren knop om het toe te voegen aan VS Code. Nadat u CodeGPT hebt geïnstalleerd, moet u deze nu verbinden met een groot taalmodel. Dit model geeft het zijn generatieve mogelijkheden.

Om de koppeling tussen CodeGPT en het grote taalmodel tot stand te brengen, heb je een API Key nodig. In deze gids ben je dat met behulp van de OpenAI-API. Om er een te krijgen, gaat u naar de OpenAI-API platform en log in. Als je nog geen account hebt, maak er dan een aan. Selecteer na het inloggen de API optie op de pagina die verschijnt.

Hiermee gaat u naar de API-startpagina. Klik in de rechterbovenhoek op uw profiel en selecteer het Bekijk API-sleutels keuze.

Nu wordt u doorverwezen naar de API-sleutels bladzijde. Klik op de Nieuwe geheime sleutel maken keuze. Geef vervolgens uw geheime sleutel een naam en genereer deze.

Dit is de API-sleutel die u gaat gebruiken om de OpenAI te verbinden groot taalmodel naar CodeGPT. Kopieer het naar je klembord.

Ga verder naar VS Code en navigeer naar Instellingen > Extensies > CodeGPT​​​​​​.

Vanaf deze pagina kunt u configureren hoe CodeGPT omgaat met het grote taalmodel. U kunt uw kiezen AI-aanbieder, Maximale tokens voor elk verzoek, en de Model gebruiken. Als u verder naar beneden scrolt, kunt u ook de Temperatuur waarde.

Maximale tokens helpen u de lengte van de gegenereerde tekst te regelen. De Temperatuur waarde die tussen 0 en 1 ligt, helpt u de willekeur van de tekst in de uitvoer van het model te beheersen. U bent niet beperkt tot OpenAI LLM. U kunt elk van de taalmodellen in het AI-aanbieder optie, op voorwaarde dat u hun API-sleutel hebt.

Druk op om uw API-sleutel in te voeren Cmd+Shift+P op Mac of Ctrl+Shift+P op Windows om het opdrachtenpalet te openen. Zoek vervolgens naar CodeGPT en selecteer CodeGPT: API-SLEUTEL instellen.

Klik erop en plak uw API-sleutel op de prompt die verschijnt. Sla het op door op te drukken Binnenkomen. Laad ten slotte VS Code opnieuw om CodeGPT te gaan gebruiken.

Code genereren met CodeGPT

Om de codegeneratiefunctie van CodeGPT te demonstreren, maakt u een rekenmachine-app met behulp van Python.

U kunt code genereren met CodeGPT door opmerkingen te gebruiken of door het Chat CodeGPT-chatvenster te gebruiken. Als u code wilt genereren op basis van opmerkingen, schrijft u een opmerking over wat u wilt dat CodeGPT in uw script doet. Druk vervolgens met de cursor aan het einde van de opmerking op Ctrl+Shift+I. CodeGPT verwerkt het verzoek en opent een nieuw venster met de resultaten.

Vervolgens kunt u de code kopiëren en in uw script plakken. Deze methode is niet netjes omdat er tekst op het antwoord staat.

Om code te genereren door te chatten met CodeGPT, klikt u op het CodeGPT-chatpictogram in de linkerzijbalk. Dit opent een chatvenster.

Voer vervolgens uw verzoek in en klik Versturen. In dit geval gaat het om een ​​eenvoudige rekenmachine. CodeGPT verwerkt uw verzoek en genereert uw code in het chatvenster.

Klik op de pijl "code invoegen" om de code automatisch in uw script te plakken. Zoals u kunt zien, is deze methode netter. De gegenereerde code is zoals hieronder weergegeven:

defadd(x, y):
return x + y
defsubtract(x, y):
return x - y
defmultiply(x, y):
return x * y
defdivide(x, y):
if y != 0:
return x / y
else:
return"Error: cannot divide by zero"
print("Select operation:")
print("1. Addition")
print("2. Subtraction")
print("3. Multiplication")
print("4. Division")
choice = input("Enter your choice (1-4): ")
num1 = float(input("Enter the first number: "))
num2 = float(input("Enter the second number: "))
if choice == '1':
 print(num1, "+", num2, "=", add(num1, num2))
elif choice == '2':
 print(num1, "-", num2, "=", subtract(num1, num2))
elif choice == '3':
 print(num1, "*", num2, "=", multiply(num1, num2))
elif choice == '4':
 print(num1, "/", num2, "=", divide(num1, num2))
else:
 print("Invalid input. Please try again.")

Wanneer u de code uitvoert, werkt deze correct. Met slechts een enkele prompt kon je een eenvoudige rekenmachine maken.

Uw code herstructureren met CodeGPT

Om uw code te herstructureren, selecteert u de code die u wilt herstructureren, klikt u er met de rechtermuisknop op en selecteert u RefactorcodeGPT. In de RefactorcodeGPT dialoogvenster, voert u uw prompt in met een beschrijving van de refactoring die u wilt uitvoeren. U kunt bijvoorbeeld "refactor this code to use een for-lus in plaats van een while-lus".

CodeGPT genereert nieuwe code die de gevraagde refactoring implementeert.

Uw code uitleggen met CodeGPT

Om uw code uit te leggen, selecteert u de code die u door CodeGPT wilt laten uitleggen. Klik vervolgens met de rechtermuisknop op de gemarkeerde code en selecteer de Leg CodeGPT uit keuze.

CodeGPT legt uit wat de code doet in het chatvenster.

Uw code documenteren met behulp van CodeGPT

Uw code documenteren helpt andere ontwikkelaars uw code te lezen en te begrijpen. Het kan u ook helpen uw code in de toekomst te begrijpen.

Om uw code te documenteren, selecteert u de code die u wilt documenteren, klikt u er met de rechtermuisknop op en selecteert u de DocumentcodeGPT keuze. CodeGPT genereert documentatie van de code in het chatvenster. U kunt de uitleg vervolgens kopiëren en plakken in uw documentatie.

Gebruik voor inline opmerkingen het chatvenster om CodeGPT te instrueren om de nodige inline opmerkingen in uw code in te voegen. Het instrueren van CodeGPT om inline commentaar in te voegen bij de functies in de rekenmachine-app levert de volgende resultaten op:

defadd(x, y):
return x + y # returns the sum of x and y
defsubtract(x, y):
return x - y # returns the difference between x and y
defmultiply(x, y):
return x * y # returns the product of x and y
defdivide(x, y):
if y != 0:
return x / y # returns the division result of x and y
else:
# returns an error message if y is zero (dividing by zero is not allowed)
return"Error: cannot divide by zero"

Dit zijn duidelijke en correcte inline opmerkingen.

Begrijpen hoe generatieve AI werkt

CodeGPT gebruikt de kracht van generatieve AI voor al zijn functies. Het kan zijn dat niet altijd de juiste informatie wordt verstrekt. Daarom moet u controleren of de resultaten correct zijn. Als u begrijpt hoe generatieve AI werkt, kunt u vertrouwd raken met de sterke en zwakke punten ervan.