ChatGPT mit VS-Code: Erste Schritte dazu Effortweniger Codierung

ChatGPT ist zu einem der größten Schlagworte aller Zeiten geworden. Unter den vielfältigen Stärken von ChatGPT stechen die Code-Assistenten-Fähigkeiten am meisten hervor. Ob Codegenerierung, Codeoptimierung, Fehlerbehebung oder Dokumentation, ChatGPT deckt alles ab.

Es ist wahr, dass es manchmal halluziniertates und gibt zuversichtlich, aber ungenauate Antworten, und Sie müssen es überprüfen, aber dafür sind wir Menschen da. ChatGPT ist nicht für die ausschließliche Verwendung gedacht. Vielmehr soll es von erfahrenen Menschen in den jeweiligen Fachgebieten begleitet werden.

So weit wie Verschlüsselung Wenn es darum geht, kann ChatGPT für Programmierer in mehrfacher Hinsicht von Vorteil sein. Schauen wir uns einige davon an:

Codierung mit ChatGPT

Zu den Vorteilen der Verwendung von ChatGPT beim Codieren gehören:

• Generierung von Dummy-Inhalten: Eine der langweiligsten und zeitaufwändigsten Aufgaben beim Programmieren besteht darin, Dummy-Inhalte für manuelle Tests zu erstellen. 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 in einer Zeichenfolge haben möchten? Nun, ChatGPT kann das für Sie erledigen.
• Codeübersetzung: Nehmen wir an, Sie haben ein Programm geschrieben Javascript möchte es aber auf ein anderes Gerät portieren, das nur Java unterstützt. In diesem Fall müssen Sie transslate Übertragen Sie es auf Java und nehmen Sie die notwendigen Optimierungen vor. Für ChatGPT ist dies ganz einfach.
• Dokumentation: Dies ist das, was die meisten Entwickler vergessen, ihrem Code hinzuzufügen. Gut dokumentierter Code ist das Beste, was sich ein Softwareentwicklerkollege wünschen kann. Und ja, ChatGPT beherrscht das auch.
• Codegenerierung: Damit ChatGPT generiert werden kannate accurate Für den Code müssen Sie eine Ausarbeitung bereitstellenate description des Problems, das Sie lösen möchten. Je mehr Kontext Sie angeben, desto optimierter und genauerate das Genated-Code wird sein.

Nun, das ist alles gut, aber was wäre, wenn ich Ihnen sagen würde, dass Sie sich integrieren könnten?ate das leistungsstärkste KI-Tool der Welt mit dem weltweit beliebtesten Code-Editor? Yep, du hast es richtig erraten. ChatGPT kann integriert werdenated mit VS Code und bietet Ihnen das Beste aus beiden Welten.

Vorteile der Verwendung von ChatGPT mit VS-Code

VS-Code wird aufgrund seiner hohen Erweiterbarkeit von den meisten Entwicklern verwendet. Im Kern ist es ein Code-Editor, aber in Kombination mit mehreren Erweiterungen wird es 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 erklären

Legen Sie Ihreself in die Rolle eines neuen Entwicklers schlüpfen, der kürzlich eingestiegen ist onboardIch habe an einem Projekt mit viel Legacy-Code gearbeitet. Was wäre der Albtraum des Entwicklers? Verstehenanding vorhandenen Code, oder? ChatGPT macht es Ihnen einfach.

Mit der CodeGPT-Erweiterung können Sie einfach einen Codeblock auswählen, mit der rechten Maustaste klicken und dann im Menü die Option „Code erklären“ auswählen. Das ist es.

# 2. Dokumentieren Sie Ihren Code

Das Hinzufügen aussagekräftiger Kommentare, um den Code besser lesbar zu machen, wird von Softwareentwicklern selten vorgenommen. Dies führt zu ungeklärtem und unkommentiertem Legacy-Code, der nur schwer umgestaltet werden kann. Hier kommt ChatGPT ins Spiel.

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

# 3. Refactoring Ihres Codes

Das Refactoring und Optimieren von Code ist eine der größten Herausforderungen in der Softwareentwicklung. Wenn Sie einen Codeabschnitt ohne viel Kontext umgestalten möchten, kann Ihnen ChatGPT dabei helfen, einige fehlende Kontextabschnitte zu finden.

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

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

ChatGPT mit VS Code integrieren

Für die meisten VS-Code-Erweiterungen, die ChatGPT-Zugriff ermöglichen, benötigen Sie lediglich einen von OpenAI bereitgestellten API-Schlüssel. Generierenate Um einen API-Schlüssel zu erhalten, führen Sie die folgenden Schritte aus:

Schritt 1: Create 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 zu OpenAIs Website.
• Öffnen Sie das Hamburger-Menü.

• Sobald Sie sich angemeldet haben, werden Sie auf diese Seite weitergeleitet.

• Wählen Sie die API-Karte aus und Sie werden dann zur OpenAI weitergeleitet PlatForm.

Schritt 2: Generieren eines API-Schlüssels

• Unter dem profiWählen Sie im Dropdown-Menü „API-Schlüssel anzeigen“ aus.

• Dort können Sie generierenate ein neues Geheimnis für Ihr Konto, das essentiell istally Ihren API-Schlüssel.

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

Dies hängt von Erweiterung zu Erweiterung ab. Wenn Sie jedoch beispielsweise die CodeGPT-Erweiterung installiert haben, können Sie den API-Schlüssel hinzufügen, indem Sie auf klicken Ctrl+Shift+P und suchen CodeGPT: Set API Key in der Befehlspalette.

ChatGPT VS-Code-Erweiterungen

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

# 1. Code GPT

Dieser Code-GPT-Erweiterung ist eine der beliebtesten ChatGPT-Erweiterungen für VS Code. Es wurde über 700 Mal installiert und bietet zahlreiche Funktionen wie Codeerklärung, Refactoring, Beantwortung technischer Fragen usw. Es ist völlig kostenlos. Sie müssen lediglich den API-Schlüsselgener hinzufügenated von der Website von OpenAI.

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

# 2. Genie AI

Genie AI-Erweiterung verfügt über Funktionen wie das Anzeigen von Codeunterschieden, das Debuggen, das Verfolgen des Konversationsverlaufs, das Optimieren von Code und vieles mehr. Es unterstützt mehrere GPT-Modelle und erfordert den offiziellen OpenAI-API-Schlüssel.

Die nützlichste Funktion dieser Erweiterung ist der Konversationsverlauf. Es speichert den Verlauf in Dateien, die von der von VS Code bereitgestellten globalen Speicher-API verwaltet werden. Da es keine Möglichkeit gibt, diese Dateien zu löschen, sollten Sie sie manuell löschenally Entfernen Sie sie aus Datenschutzgründen.

# 3. Rubberduck-KI

Ein interessantes Merkmal davon Rubberduck AI-Erweiterung ist die Fähigkeit zur Generierungate Unit-Tests für eine UI-Komponente. Sie können einfach die Komponente auswählen und dann „Gener“ auswählenate „Unit Test“ aus dem Rechtsklick-Menü.

Insbesondere Unit-Tests sind manchmal verwirrendally wenn Sie bestimmte Werte und Funktionen verspotten müssen. Diese Erweiterung macht es zu einem Stück cake.

Genau wie bei anderen Erweiterungen benötigen Sie einen OpenAI-API-Schlüssel, damit es funktioniert.

Zusammenfassung

ChatGPT-Zugriff innerhalb von VS Code ist das Beste, was Sie sich wünschen können. VS Code ist ein erweiterbarer Code-Editor mit einer umfangreichen Erweiterungsbibliothek zur Verbesserung der Entwicklerproduktivität. So können Sie die Produktivität Ihrer Entwickler durch die Integration mit ChatGPT-Erweiterungen noch weiter steigern, ohne Ihren Workflow zu beeinträchtigen.

Als nächstes lernen wie man integriertate ChatGPT mit Siri.