So installieren und verwenden Sie CodeGPT in VS Code

VS Code verfügt über mehrere nützliche Erweiterungen, die seine Funktionalität verbessern und Funktionen für Entwicklungsworkflows bereitstellen. Eine dieser Erweiterungen ist CodeGPT, die die Leistungsfähigkeit der generativen künstlichen Intelligenz in VS Code bringt.

Mit CodeGPT können Sie Ihren Code mühelos bearbeiten. Sie können damit Code aus Kommentaren generieren, ihn umgestalten, debuggen, dokumentieren oder sogar erklären, was ein bestimmter Codeblock tut.

CodeGPT installieren und konfigurieren

Installieren CodeGPT, starten Sie VS Code. Klicken Sie dann auf das Erweiterungssymbol in der linken Seitenleiste Ihres Fensters. Dann suchen Sie nach Code GPT. Es sollte das erste in den Suchergebnissen sein. Stellen Sie sicher, dass es über einen blauen Verifizierungsausweis verfügt.

Klick auf das Installieren Klicken Sie auf die Schaltfläche, um es zu VS Code hinzuzufügen. Nachdem Sie CodeGPT installiert haben, müssen Sie es nun mit einem großen Sprachmodell verbinden. Dieses Modell verleiht ihm seine generativen Fähigkeiten.

Um die Verbindung zwischen CodeGPT und dem großen Sprachmodell herzustellen, benötigen Sie einen API-Schlüssel. In diesem Leitfaden erfahren Sie es unter Verwendung der OpenAI-API. Um einen zu bekommen, fahren Sie mit dem fort OpenAI-API Plattform und melden Sie sich an. Wenn Sie noch kein Konto haben, melden Sie sich für eines an. Wählen Sie nach dem Anmelden das aus API Option auf der angezeigten Seite.

Dadurch gelangen Sie zur API-Homepage. Klicken Sie oben rechts auf Ihr Profil und wählen Sie das aus API-Schlüssel anzeigen Möglichkeit.

Nun werden Sie zum weitergeleitet API-Schlüssel Seite. Klick auf das Erstellen Sie einen neuen geheimen Schlüssel Möglichkeit. Benennen und generieren Sie dann Ihren geheimen Schlüssel.

Dies ist der API-Schlüssel, den Sie für die Verbindung mit OpenAI verwenden großes Sprachmodell zu CodeGPT. Kopieren Sie es in Ihre Zwischenablage.

Fahren Sie mit VS Code fort und navigieren Sie zu Einstellungen > Erweiterungen > CodeGPT​​​​​​.

Auf dieser Seite können Sie konfigurieren, wie CodeGPT mit dem großen Sprachmodell interagiert. Sie können Ihr auswählen KI-Anbieter, Maximale Token für jede Anfrage und die Modell benutzen. Wenn Sie weiter nach unten scrollen, können Sie auch die festlegen Temperatur Wert.

Maximale Token helfen Ihnen, die Länge des generierten Textes zu kontrollieren. Der Temperatur Mit einem Wert zwischen 0 und 1 können Sie die Zufälligkeit des Texts in der Modellausgabe steuern. Sie sind nicht auf OpenAI LLM beschränkt. Sie können jedes der Sprachmodelle in verwenden KI-Anbieter Option, vorausgesetzt, Sie haben ihren API-Schlüssel.

Um Ihren API-Schlüssel einzugeben, drücken Sie Befehl + Umschalt + P auf Mac oder Strg + Umschalt + P unter Windows, um die Befehlspalette zu öffnen. Suchen Sie dann nach CodeGPT und wählen Sie aus CodeGPT: API-SCHLÜSSEL festlegen.

Klicken Sie darauf und fügen Sie Ihren API-Schlüssel in die angezeigte Eingabeaufforderung ein. Speichern Sie es, indem Sie auf drücken Eingeben. Laden Sie abschließend VS Code neu, um CodeGPT zu verwenden.

Code mit CodeGPT generieren

Um die CodeGPT-Codegenerierungsfunktion zu demonstrieren, erstellen Sie eine Taschenrechner-App mit Python.

Sie können Code mit CodeGPT generieren, indem Sie Kommentare verwenden oder das Chat-CodeGPT-Chatfenster verwenden. Um Code aus Kommentaren zu generieren, schreiben Sie einen Kommentar darüber, was CodeGPT in Ihrem Skript tun soll. Drücken Sie dann, während sich der Cursor am Ende des Kommentars befindet Strg + Umschalt + I. CodeGPT verarbeitet die Anfrage und öffnet ein neues Fenster mit den Ergebnissen.

Anschließend können Sie den Code kopieren und in Ihr Skript einfügen. Diese Methode ist nicht aufgeräumt, da die Antwort Text enthält.

Um Code durch Chatten mit CodeGPT zu generieren, klicken Sie auf das CodeGPT-Chat-Symbol in der linken Seitenleiste. Dadurch wird ein Chatfenster geöffnet.

Geben Sie dann Ihre Anfrage ein und klicken Sie Schicken. In diesem Fall handelt es sich um einen einfachen Taschenrechner. CodeGPT wird Ihre Anfrage bearbeiten und Ihren Code im Chatfenster generieren.

Klicken Sie auf den Pfeil „Code einfügen“, um den Code automatisch in Ihr Skript einzufügen. Wie Sie sehen, ist diese Methode aufgeräumter. Der generierte Code sieht wie folgt aus:

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

Wenn Sie den Code ausführen, funktioniert er ordnungsgemäß. Mit nur einer einzigen Eingabeaufforderung konnten Sie einen einfachen Taschenrechner erstellen.

Refactoring Ihres Codes mit CodeGPT

Um Ihren Code umzugestalten, wählen Sie den Code aus, den Sie umgestalten möchten, klicken Sie dann mit der rechten Maustaste darauf und wählen Sie aus CodeGPT umgestalten. Im CodeGPT umgestalten Geben Sie im Dialogfeld Ihre Eingabeaufforderung ein, in der Sie das Refactoring beschreiben, das Sie durchführen möchten. Sie könnten beispielsweise „Diesen Code zur Verwendung umgestalten“ eingeben eine for-Schleife anstatt eine While-Schleife".

CodeGPT generiert neuen Code, der das angeforderte Refactoring implementiert.

Erklären Sie Ihren Code mit CodeGPT

Um Ihren Code zu erklären, wählen Sie den Code aus, den CodeGPT erklären soll. Klicken Sie dann mit der rechten Maustaste auf den hervorgehobenen Code und wählen Sie den aus Erklären Sie CodeGPT Möglichkeit.

CodeGPT erklärt im Chat-Fenster, was der Code bewirkt.

Dokumentieren Sie Ihren Code mit CodeGPT

Dokumentieren Sie Ihren Code Hilft anderen Entwicklern, Ihren Code zu lesen und zu verstehen. Es kann Ihnen auch in Zukunft helfen, Ihren Code zu verstehen.

Um Ihren Code zu dokumentieren, wählen Sie den Code aus, den Sie dokumentieren möchten, klicken Sie dann mit der rechten Maustaste darauf und wählen Sie den aus DokumentcodeGPT Möglichkeit. CodeGPT generiert eine Dokumentation des Codes im Chatfenster. Anschließend können Sie die Erklärung kopieren und in Ihre Dokumentation einfügen.

Für Inline-Kommentare verwenden Sie das Chat-Fenster, um CodeGPT anzuweisen, die erforderlichen Inline-Kommentare in Ihren Code einzufügen. Wenn Sie CodeGPT anweisen, Inline-Kommentare zu den Funktionen in der Taschenrechner-App einzufügen, werden die folgenden Ergebnisse erzielt:

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"

Dies sind klare und korrekte Inline-Kommentare.

Verstehen, wie generative KI funktioniert

CodeGPT nutzt die Leistungsfähigkeit der generativen KI für alle seine Funktionen. Möglicherweise werden nicht immer die richtigen Informationen bereitgestellt. Daher müssen Sie gegenprüfen, ob die Ergebnisse korrekt sind. Wenn Sie verstehen, wie generative KI funktioniert, können Sie sich mit ihren Stärken und Schwächen vertraut machen.