ChatGPT hat sich zu einem der größten Schlagworte aller Zeiten entwickelt. Unter den zahlreichen Stärken von ChatGPT stechen die Fähigkeiten des Code-Assistenten am meisten hervor. Ob es um Codegenerierung, Codeoptimierung, Fehlerbehebung oder Dokumentation geht, ChatGPT deckt alles ab.

Es stimmt zwar, dass es manchmal halluziniert und zuversichtliche, aber ungenaue Antworten gibt, die Sie dann überprüfen müssen, aber dafür sind wir Menschen ja da. ChatGPT ist nicht dazu gedacht, allein verwendet zu werden. Es ist vielmehr dafür gedacht, von erfahrenen Menschen in den jeweiligen Bereichen begleitet zu werden.

Was die Programmierung anbelangt, kann ChatGPT für Programmierer in vielerlei Hinsicht von Nutzen sein. Werfen wir einen Blick auf einige davon:

Codierung mit ChatGPT

Die Vorteile der Verwendung von ChatGPT bei der Programmierung sind folgende:

  • Generierung von Dummy-Inhalten: Eine der langweiligsten und zeitraubendsten Aufgaben beim Programmieren ist die Erstellung von Dummy-Inhalten für manuelle Tests. Ich weiß, dass Sie “lorem ipsum” verwenden können, um das zu umgehen, aber was ist, wenn Sie den Inhalt in einem bestimmten Datentyp und nicht nur als String haben wollen? Nun, ChatGPT kann das für Sie erledigen.
  • Code-Übersetzung: Angenommen, Sie haben ein Programm in Javascript geschrieben, möchten es aber auf ein anderes Gerät portieren, das nur Java unterstützt. In diesem Fall müssen Sie es in Java übersetzen und die notwendigen Optimierungen vornehmen. Für ChatGPT ist das ganz einfach.
  • Dokumentation: Das ist das, was die meisten Entwickler vergessen, ihrem Code hinzuzufügen. Ein gut dokumentierter Code ist das Beste, was man sich als Softwareentwickler wünschen kann. Und ja, auch darin ist ChatGPT geübt.
  • Code-Generierung: Damit ChatGPT genauen Code generieren kann, müssen Sie das Problem, das Sie lösen möchten, ausführlich beschreiben. Je mehr Kontext Sie angeben, desto optimierter und genauer wird der generierte Code sein.

All das ist gut, aber was wäre, wenn ich Ihnen sagen würde, dass Sie das leistungsstärkste KI-Tool der Welt mit dem beliebtesten Code-Editor der Welt integrieren können? Ja, Sie haben es richtig erraten. ChatGPT kann in VS Code integriert werden und bietet Ihnen das Beste aus beiden Welten.

Vorteile der Verwendung von ChatGPT mit VS Code

VS Code wird von den meisten Entwicklern wegen seiner hohen Erweiterbarkeit verwendet. Im Kern ist es ein Code-Editor, aber wenn man ihn mit mehreren Erweiterungen kombiniert, wird er zu einer leistungsstarken IDE. Wenn Sie bereits mit VS Code vertraut sind, wird die Integration von ChatGPT Ihre Produktivität auf die nächste Stufe heben.

Schauen wir uns einige Möglichkeiten an, wie Sie von der Verwendung von ChatGPT mit VS Code profitieren können:

#1. Vorhandenen Code erläutern

Versetzen Sie sich in die Lage eines neuen Entwicklers, der vor kurzem in ein Projekt mit viel Legacy-Code eingestiegen ist. Was wäre der Albtraum eines solchen Entwicklers? Den vorhandenen Code zu verstehen, nicht wahr? ChatGPT macht es Ihnen leicht.

Mit der CodeGPT-Erweiterung können Sie einfach einen Codeblock auswählen, mit der rechten Maustaste darauf klicken und dann im Menü die Option “Code erklären” wählen. Das war’s schon.

chatgpt explaining code using codegpt vscode extension

#2. Dokumentieren Ihres Codes

Softwareentwickler fügen nur selten aussagekräftige Kommentare hinzu, um den Code besser lesbar zu machen. Das Ergebnis ist unerklärter und unkommentierter Legacy-Code, der nur schwer zu refaktorisieren ist. An dieser Stelle kommt ChatGPT ins Spiel.

Es kann Ihnen den gesamten Code erklären und ihn gleichzeitig für Sie dokumentieren. Hier sehe ich, wie ich die CodeGPT VS Code-Erweiterung verwende, um meinen WebSocket-Server-Code zu dokumentieren.

chatgpt documenting code using codegpt extension
chatgpt documenting code

#3. Refactoring Ihres Codes

Das Refactoring und die Optimierung von Code ist eine der größten Herausforderungen bei der Softwareentwicklung. Wenn Sie einen Teil des Codes überarbeiten wollen, ohne viel Kontext darüber zu haben, kann ChatGPT Ihnen helfen, die fehlenden Teile des Kontexts zu finden.

chatgpt refactoring code

Ich versuche zum Beispiel, den obigen Code mit ChatGPT zu refaktorisieren, und die Ergebnisse sind ziemlich überraschend. ChatGPT weiß also nicht, dass ich einige Werte aus dem äußeren Bereich verwende, aber es weiß, dass dies der Fall sein kann, und hat mich daher vorher gewarnt.

Außerdem erkennt es schnell, dass diese Funktion innerhalb einer WebSocket-Instanz ausgeführt werden muss. Ziemlich cool, nicht wahr?

Integration von ChatGPT in VS Code

Alles, was Sie für die meisten VS Code-Erweiterungen, die den Zugriff auf ChatGPT ermöglichen, benötigen, ist ein API-Schlüssel, der von OpenAI bereitgestellt wird. Um einen API-Schlüssel zu generieren, folgen Sie den unten aufgeführten Schritten:

Schritt 1: Erstellen Sie ein OpenAI-Konto

Dieser Schritt ist nur erforderlich, wenn Sie noch kein OpenAI-Konto haben. Wenn Sie eines haben, können Sie sich einfach auf der Website anmelden.

  • Gehen Sie zur Website von OpenAI.
  • Öffnen Sie das Hamburger-Menü.
openai menu
  • Sobald Sie sich angemeldet haben, werden Sie auf diese Seite weitergeleitet.
openai apps
  • Wählen Sie die API-Karte aus, und Sie werden zur OpenAI-Plattform weitergeleitet.

Schritt 2: Generierung eines API-Schlüssels

  • Wählen Sie unter dem Profil-Dropdown-Menü “API-Schlüssel anzeigen”.
openai dashboard
  • Dort können Sie ein neues Geheimnis für Ihr Konto generieren, das im Wesentlichen Ihr API-Schlüssel ist.
openai api key

Schritt 3: Hinzufügen des API-Schlüssels zu den Erweiterungseinstellungen

Dies hängt von der jeweiligen Erweiterung ab, aber wenn Sie zum Beispiel die Erweiterung CodeGPT installiert haben, können Sie den API-Schlüssel hinzufügen, indem Sie Strg Umschalt P drücken und CodeGPT suchen : API-Schlüssel festlegen in der Befehlspalette.

setting apikey

ChatGPT VS Code-Erweiterungen

Hier sind einige der VS Code Erweiterungen, die Sie mit Hilfe von ChatGPT zu einem 10-fachen Entwickler machen.

#1. Code GPT

geekflare_codegpt_chatgpt_extension

Diese Code GPT Erweiterung ist eine der beliebtesten ChatGPT Erweiterungen für VS Code. Sie wurde bereits über 700.000 Mal installiert und bietet eine Vielzahl von Funktionen wie Code-Erklärung, Refactoring, Beantwortung technischer Fragen usw. Sie ist völlig kostenlos. Alles, was Sie tun müssen, ist, den API-Schlüssel hinzuzufügen, den Sie auf der Website von OpenAI erhalten.

Sie können verschiedene LLM-Modelle wie gpt-3.5-turbo, gpt-3.5-turbo-16k und gpt-4 ausprobieren; alle werden von dieser Erweiterung unterstützt.

#2. Genie AI

genieai chatgpt vscode extension

DieGenie AI-Erweiterung bietet Funktionen wie die Anzeige von Code-Diffs, Debugging, Verfolgung des Konversationsverlaufs, Optimierung von Code und vieles mehr. Sie unterstützt mehrere GPT-Modelle und erfordert den offiziellen OpenAI API-Schlüssel.

Die nützlichste Funktion dieser Erweiterung ist der Gesprächsverlauf. Sie speichert den Verlauf in Dateien, die von der globalen Speicher-API von VS Code verwaltet werden. Es gibt keine Möglichkeit, diese Dateien zu löschen, so dass Sie sie aus Gründen des Datenschutzes möglicherweise manuell entfernen sollten.

#3. Rubberduck AI

rubberduck chatgpt extension

Eine interessante Funktion dieser Rubberduck AI-Erweiterung ist die Möglichkeit, Unit-Tests für eine UI-Komponente zu erstellen. Wählen Sie einfach die Komponente aus und wählen Sie dann im Rechtsklick-Menü “Unit-Test generieren”.

Insbesondere Unit-Tests sind manchmal verwirrend, vor allem wenn Sie bestimmte Werte und Funktionen nachbilden müssen. Mit dieser Erweiterung ist das ein Kinderspiel.

Wie bei anderen Erweiterungen auch, benötigen Sie einen OpenAI API-Schlüssel, damit sie funktioniert.

Letzte Worte

Der Zugriff auf ChatGPT in VS Code ist das Beste, was Sie sich wünschen können. VS Code ist ein erweiterbarer Code-Editor mit einer reichhaltigen Erweiterungsbibliothek zur Steigerung der Entwicklerproduktivität. So können Sie Ihre Entwicklerproduktivität durch die Integration von ChatGPT-Erweiterungen noch weiter steigern, ohne Ihren Arbeitsablauf zu beeinträchtigen.

Als nächstes erfahren Sie, wie Sie ChatGPT mit Siri integrieren können.