ChatGPT avec VS Code : Premiers pas vers un codage sans effort

ChatGPT est devenu l'un des plus grands mots à la mode de tous les temps. Parmi les multiples atouts de ChatGPT, ses capacités d'assistant de code se démarquent le plus. Qu'il s'agisse de génération de code, d'optimisation de code, de résolution de bogues ou de documentation, ChatGPT couvre tout cela.

C'est vrai que parfois ça hallucine et donne des réponses sûres mais inexactes, et il faut le vérifier, mais c'est à ça que nous, les humains, sommes destinés. ChatGPT n'est pas destiné à être utilisé uniquement. Au contraire, il est censé être accompagné par des humains expérimentés dans les domaines respectifs.

Autant que Coding est concerné, ChatGPT peut être bénéfique pour les programmeurs de plusieurs manières. Jetons un coup d'œil à certains d'entre eux :

Coding Using ChatGPT

Les avantages de l'utilisation de ChatGPT lors du codage incluent :

• Génération de contenu factice : L'une des tâches les plus ennuyeuses et les plus chronophages lors de la programmation consiste à créer un contenu factice pour les tests manuels. Je sais que vous pouvez utiliser « lorem ipsum » pour contourner le problème, mais que se passe-t-il si vous voulez que le contenu soit dans un type de données particulier et pas seulement dans une chaîne ? Eh bien, ChatGPT peut le faire pour vous.
• Traduction de code: Disons que vous avez écrit un programme en javascript mais souhaitez le porter sur un autre appareil qui ne prend en charge que Java. Dans ce cas, vous devrez le traduire en Java et faire les optimisations nécessaires. Il est assez facile pour ChatGPT de le faire.
• Documentation: C'est la chose que la plupart des développeurs oublient d'ajouter à leur code. Un code bien documenté est la meilleure chose qu'un développeur de logiciels puisse demander. Et oui, ChatGPT est également doué pour cela.
• Génération de code : Afin de permettre à ChatGPT de générer un code précis, vous devez fournir une description détaillée du problème que vous souhaitez résoudre. Plus vous donnez de contexte, plus le code généré sera optimisé et précis.

Tout cela est bien, mais si je vous disais que vous pourriez intégrer l'outil d'IA le plus puissant au monde avec l'éditeur de code le plus populaire au monde ? Oui, vous avez bien deviné. ChatGPT peut être intégré à VS Code, vous offrant le meilleur des deux mondes.

Benefits of Using ChatGPT with VS Code

Code VS est utilisé par la plupart des développeurs en raison de sa grande extensibilité. C'est un éditeur de code à la base, mais s'il est combiné à plusieurs extensions, il devient un puissant IDE. Si vous êtes déjà familiarisé avec VS Code, l'intégration de ChatGPT avec lui fera passer votre productivité au niveau supérieur.

Examinons quelques façons dont vous pouvez bénéficier de l'utilisation de ChatGPT avec VS Code :

# 1. Expliquer le code existant

Mettez-vous dans la peau d'un nouveau développeur qui s'est récemment embarqué sur un projet comportant beaucoup de code hérité. Quel serait le cauchemar du développeur ? Comprendre le code existant, n'est-ce pas ? ChatGPT vous facilite la tâche.

Avec l'extension CodeGPT, vous pouvez simplement sélectionner un bloc de code, faire un clic droit puis sélectionner l'option "expliquer le code" dans le menu. C'est ça.

# 2. Documenter votre code

L'ajout de commentaires significatifs pour rendre le code plus lisible est rarement fait par les développeurs de logiciels. Ainsi, il en résulte un code hérité inexpliqué et non commenté, difficile à refactoriser. C'est là que ChatGPT entre en action.

Il peut vous expliquer l'intégralité du code et, avec lui, le documenter pour vous. Me voici en train d'utiliser l'extension CodeGPT VS Code pour documenter mon code de serveur WebSocket.

# 3. Refactoriser votre code

La refactorisation et l'optimisation du code sont l'un des plus grands défis du développement logiciel. Si vous souhaitez refactoriser un morceau de code sans trop de contexte, ChatGPT peut vous aider à récupérer certains éléments de contexte manquants.

Par exemple, j'essaie de refactoriser le code ci-dessus en utilisant ChatGPT, et les résultats sont assez surprenants. Ainsi, ChatGPT ne sait pas que j'utilise certaines valeurs de la portée externe, mais il sait que cela peut être le cas, alors il m'a prévenu à l'avance.

De plus, il est rapide de comprendre que cette fonction doit s'exécuter dans une instance WebSocket. Plutôt cool, n'est-ce pas ?

Integrating ChatGPT with VS Code

Tout ce dont vous avez besoin pour la plupart des extensions VS Code fournissant un accès ChatGPT est une clé API fournie par OpenAI. Pour générer une clé API, suivez les étapes mentionnées ci-dessous :

Étape 1 : Créer un compte OpenAI

Cette étape n'est requise que si vous n'avez pas encore de compte OpenAI. Si vous en avez un, vous pouvez simplement vous connecter au site Web.

• Cliquez sur OpenAILe site web.
• Ouvrez le menu des hamburgers.

• Une fois connecté, vous serez redirigé vers cette page.

• Sélectionnez la carte API, puis vous serez redirigé vers la plate-forme OpenAI.

Étape 2 : Générer une clé API

• Dans le menu déroulant du profil, sélectionnez "Afficher les clés API".

• Là, vous pouvez générer un nouveau secret pour votre compte, qui est essentiellement votre clé API.

Étape 3 : Ajouter la clé API aux paramètres d'extension

Cela dépend de l'extension à l'extension, mais par exemple, si vous avez installé l'extension CodeGPT, vous pouvez ajouter la clé API en appuyant sur Ctrl+Shift+P et recherche CodeGPT: Set API Key dans la palette de commandes.

ChatGPT VS Code Extensions

Voici quelques-unes des extensions VS Code qui font de vous un développeur 10x avec l'aide de ChatGPT.

# 1. CodeGPT

Cet Code d'extension GPT est l'une des extensions ChatGPT les plus populaires pour VS Code. Il compte plus de 700 XNUMX installations et fournit un large éventail de fonctionnalités telles que l'explication du code, la refactorisation, la réponse aux questions techniques, etc. Il est entièrement gratuit. Tout ce que vous avez à faire est d'ajouter la clé API générée à partir du site Web d'OpenAI.

Vous pouvez essayer différents modèles LLM tels que gpt-3.5-turbo, gpt-3.5-turbo-16k et gpt-4 ; tous sont pris en charge par cette extension.

# 2. Genie AI

Extension Génie IA a des capacités telles que l'affichage des différences de code, le débogage, le suivi de l'historique des conversations, l'optimisation du code, et bien plus encore. Il prend en charge plusieurs modèles GPT et nécessite la clé API OpenAI officielle.

La fonctionnalité la plus utile de cette extension est l'historique des conversations. Il stocke l'historique dans des fichiers gérés par l'API de stockage global fournie par VS Code. Il n'a aucun moyen de supprimer ces fichiers, vous pouvez donc les supprimer manuellement pour des raisons de confidentialité.

# 3. Canard en caoutchouc IA

Une caractéristique intéressante de ce Extension IA Rubberduck est la possibilité de générer des tests unitaires pour un composant d'interface utilisateur. Vous pouvez simplement sélectionner le composant, puis sélectionner "Générer un test unitaire" dans le menu contextuel.

Les tests unitaires, en particulier, sont parfois déroutants, surtout lorsque vous devez vous moquer de certaines valeurs et fonctions. Cette extension en fait un jeu d'enfant.

Tout comme les autres extensions, vous aurez besoin d'une clé API OpenAI pour qu'elle fonctionne.

Mot de la fin

L'accès à ChatGPT dans VS Code est la meilleure chose que vous puissiez demander. VS Code est un éditeur de code extensible avec une riche bibliothèque d'extensions pour améliorer la productivité des développeurs. Ainsi, vous pouvez améliorer encore plus la productivité de votre développeur en l'intégrant aux extensions ChatGPT sans compromettre votre flux de travail.

Ensuite, apprenez comment intégrer ChatGPT à Siri.