Utnyttja kraften i generativ AI direkt in i din VS-kodredigerare med hjälp av detta tillägg.

VS Code har flera användbara tillägg som förbättrar dess funktionalitet och ger funktioner för utvecklingsarbetsflöden. En av dessa tillägg är CodeGPT, som ger kraften hos generativ artificiell intelligens till VS Code.

CodeGPT låter dig manipulera din kod utan ansträngning. Du kan använda den för att generera kod från kommentarer, refaktorisera den, felsöka den, dokumentera den eller till och med förklara vad ett visst kodblock gör.

Installera och konfigurera CodeGPT

Att installera CodeGPT, starta VS Code. Klicka sedan på tilläggsikonen i det vänstra sidofältet i ditt fönster. Sök sedan efter Kod GPT. Den bör vara den första i sökresultaten. Se till att den har en blå verifieringsbricka.

Klicka på Installera knappen för att lägga till den i VS-koden. Efter att ha installerat CodeGPT måste du nu ansluta den till en stor språkmodell. Det är denna modell som ger den dess generativa kapacitet.

För att upprätta kopplingen mellan CodeGPT och den stora språkmodellen behöver du en API-nyckel. I den här guiden blir du

instagram viewer
med OpenAI API. För att få en gå vidare till OpenAI API plattform och logga in. Om du inte har ett konto, registrera dig för ett. När du har loggat in väljer du API alternativet på sidan som visas.

Detta tar dig till API-hemsidan. I det övre högra hörnet klickar du på din profil och väljer Visa API-nycklar alternativ.

Nu kommer du att hänvisas till API-nycklar sida. Klicka på Skapa ny hemlig nyckel alternativ. Namnge och generera sedan din hemliga nyckel.

Detta är API-nyckeln som du kommer att använda för att ansluta OpenAI stor språkmodell till CodeGPT. Kopiera det till ditt urklipp.

Fortsätt till VS-kod och navigera till Inställningar > Tillägg > CodeGPT​​​​​​.

Från den här sidan kan du konfigurera hur CodeGPT interagerar med den stora språkmodellen. Du kan välja din AI-leverantör, Max Tokens för varje begäran, och Modell att använda. När du bläddrar längre ner kan du också ställa in Temperatur värde.

Max Tokens hjälpa dig att kontrollera längden på den genererade texten. De Temperatur värde som är mellan 0 och 1 hjälper dig att kontrollera slumpmässigheten i texten i modellens utdata. Du är inte begränsad till OpenAI LLM. Du kan använda vilken som helst av språkmodellerna i AI-leverantör alternativ, förutsatt att du har deras API-nyckel.

För att ange din API-nyckel, tryck Cmd + Shift + P på Mac eller Ctrl + Shift + P på Windows för att öppna kommandopaletten. Sök sedan efter CodeGPT och välj CodeGPT: Ställ in API-NYCKEL.

Klicka på den och klistra in din API-nyckel på prompten som visas. Spara den genom att trycka på Stiga på. Slutligen, ladda om VS Code för att börja använda CodeGPT.

Generera kod med CodeGPT

För att demonstrera CodeGPT-kodgenereringsfunktionen skapar du en kalkylatorapp med Python.

Du kan generera kod med CodeGPT genom att använda kommentarer eller använda chattfönstret i CodeGPT. För att generera kod från kommentarer skriv en kommentar om vad du vill att CodeGPT ska göra i ditt skript. Tryck sedan med markören i slutet av kommentaren Ctrl + Shift + I. CodeGPT kommer att behandla begäran och öppna ett nytt fönster med resultaten.

Du kan sedan kopiera och klistra in koden i ditt skript. Denna metod är inte snygg eftersom svaret har text.

För att generera kod genom att chatta med CodeGPT, klicka på CodeGPT-chattikonen i det vänstra sidofältet. Detta öppnar ett chattfönster.

Ange sedan din förfrågan och klicka Skicka. I det här fallet är begäran om en enkel miniräknare. CodeGPT kommer att behandla din förfrågan och generera din kod i chattfönstret.

Klicka på "infoga kod"-pilen för att automatiskt klistra in koden i ditt skript. Som du kan se är denna metod mer snygg. Den genererade koden är som visas nedan:

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.")

När du kör koden fungerar den korrekt. Med bara en enda uppmaning kunde du skapa en enkel miniräknare.

Refaktorera din kod med CodeGPT

För att refaktorisera din kod, välj koden som du vill refaktorera, högerklicka sedan på den och välj Refactor CodeGPT. I den Refactor CodeGPT dialogrutan, skriv in din prompt som beskriver refaktoreringen som du vill utföra. Du kan till exempel ange "refactor this code to use en för loop istället för en while loop".

CodeGPT kommer att generera ny kod som implementerar den begärda refaktoreringen.

Förklara din kod med CodeGPT

För att förklara din kod, välj den kod som du vill att CodeGPT ska förklara. Högerklicka sedan på den markerade koden och välj Förklara CodeGPT alternativ.

CodeGPT kommer att förklara vad koden gör i chattfönstret.

Dokumentera din kod med CodeGPT

Dokumentera din kod hjälper andra utvecklare att läsa och förstå din kod. Det kan också hjälpa dig att förstå din kod i framtiden.

För att dokumentera din kod, välj den kod du vill dokumentera, högerklicka sedan på den och välj Dokument CodeGPT alternativ. CodeGPT kommer att generera dokumentation av koden i chattfönstret. Du kan sedan kopiera och klistra in förklaringen i din dokumentation.

För inline-kommentarer, använd chattfönstret för att instruera CodeGPT att infoga nödvändiga inline-kommentarer i din kod. Att instruera CodeGPT att infoga inline-kommentarer till funktionerna i kalkylatorappen ger följande resultat:

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"

Dessa är tydliga och korrekta inline-kommentarer.

Förstå hur generativ AI fungerar

CodeGPT använder kraften i generativ AI för alla dess funktioner. Det kanske inte alltid ger korrekt information. Därför måste du motkontrollera om resultaten är korrekta. Att förstå hur generativ AI fungerar hjälper dig att bli bekant med dess styrkor och svagheter.