ChatGPT est devenu l’un des plus grands mots à la mode de tous les temps. Parmi les nombreux atouts de ChatGPT, ce sont ses capacités d’assistant de code qui ressortent 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.

Il est vrai que parfois il hallucine et donne des réponses sûres mais inexactes, et vous devez les vérifier, mais c’est à cela que servent les humains. ChatGPT n’est pas destiné à être utilisé seul. Il est plutôt destiné à être accompagné par des personnes expérimentées dans leurs domaines respectifs.

En ce qui concerne le codage, ChatGPT peut être bénéfique aux programmeurs de multiples façons. Jetons un coup d’œil à quelques-unes d’entre elles :

Coder avec ChatGPT

Les avantages de l’utilisation de ChatGPT lors du codage sont les suivants :

  • Génération de contenu factice: L’une des tâches les plus ennuyeuses et les plus fastidieuses de la programmation consiste à créer un contenu factice pour les tests manuels. Je sais que vous pouvez utiliser “lorem ipsum” pour contourner ce problème, mais que faire si vous voulez que le contenu soit dans un type de données particulier et pas seulement une chaîne de caractères ? ChatGPT peut le faire pour vous.
  • Traduction de code: Supposons que vous ayez écrit un programme en Javascript mais que vous souhaitiez le porter sur un autre appareil qui ne supporte que Java. Dans ce cas, vous devrez le traduire en Java et faire les optimisations nécessaires. ChatGPT peut le faire très facilement.
  • 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 logiciel puisse demander. Et oui, ChatGPT est compétent dans ce domaine également.
  • 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 beau, mais si je vous disais que vous pouvez intégrer l’outil d’intelligence artificielle 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 donnant le meilleur des deux mondes.

Avantages de l’utilisation de ChatGPT avec VS Code

VS Code 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é avec de multiples extensions, il devient un puissant IDE. Si vous êtes déjà familier avec VS Code, l’intégration de ChatGPT vous permettra d’atteindre un niveau de productivité supérieur.

Voyons comment vous pouvez bénéficier de l’utilisation de ChatGPT avec VS Code :

#1. Expliquer le code existant

Mettez-vous à la place d’un nouveau développeur qui vient d’être intégré à un projet comportant beaucoup de code existant. Quel serait le cauchemar de ce développeur ? Comprendre le code existant, n’est-ce pas ? ChatGPT vous facilite la tâche.

Avec l’extension CodeGPT, il vous suffit de sélectionner un bloc de code, de faire un clic droit et de sélectionner l’option “expliquer le code” dans le menu. Voilà, c’est fait.

chatgpt explaining code using codegpt vscode extension

#2. Documenter votre code

Les développeurs de logiciels ajoutent rarement des commentaires significatifs pour rendre le code plus lisible. Il en résulte un code inexpliqué et non commenté, qui est difficile à remanier. C’est là que ChatGPT entre en action.

Il peut vous expliquer l’ensemble du code et, en même temps, le documenter pour vous. Voici comment j’utilise l’extension CodeGPT VS Code pour documenter le code de mon serveur WebSocket.

chatgpt documenting code using codegpt extension
chatgpt documenting code

#3. Refonte de votre code

Le remaniement et l’optimisation du code est l’un des plus grands défis du développement logiciel. Si vous voulez remanier un morceau de code sans beaucoup de contexte, ChatGPT peut vous aider à mettre la main sur les éléments de contexte manquants.

chatgpt refactoring code

Par exemple, j’essaie de remanier le code ci-dessus à l’aide de ChatGPT, et les résultats sont assez surprenants. Ainsi, ChatGPT ne sait pas que j’utilise des valeurs de la portée extérieure, mais il sait que cela peut être le cas, et il m’a donc averti à l’avance.

De plus, il comprend rapidement que cette fonction doit être exécutée au sein d’une instance WebSocket. Plutôt cool, n’est-ce pas ?

Intégrer ChatGPT à 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 nécessaire que si vous n’avez pas encore de compte OpenAI. Si vous en avez un, vous pouvez simplement vous connecter au site web.

  • Allez sur le site web d’OpenAI.
  • Ouvrez le menu hamburger.
openai menu
  • Une fois connecté, vous serez redirigé vers cette page.
openai apps
  • Sélectionnez la carte API, puis vous serez redirigé vers la plateforme OpenAI.

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

  • Dans le menu déroulant du profil, sélectionnez “View API Keys”.
openai dashboard
  • Vous pouvez y générer un nouveau secret pour votre compte, qui est essentiellement votre clé API.
openai api key

Étape 3 : Ajout de la clé API aux paramètres de l’extension

Cela dépend de 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 en recherchant CodeGPT : Set API Key dans la palette de commandes.

setting apikey

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. Code GPT

geekflare_codegpt_chatgpt_extension

Cette extension Code GPT est l’une des extensions ChatGPT les plus populaires pour VS Code. Elle a plus de 700k installations et fournit une large gamme de fonctionnalités telles que l’explication du code, le refactoring, la réponse aux questions techniques, etc. Elle est entièrement gratuite. 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 supportés par cette extension.

#2. Genie AI

genieai chatgpt vscode extension

L’extension Gen ie AI offre des fonctionnalités telles que la visualisation des différences de code, le débogage, le suivi de l’historique des conversations, l’optimisation du code, et bien plus encore. Elle prend en charge plusieurs modèles GPT et nécessite la clé API officielle d’OpenAI.

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

#3. Rubberduck AI

rubberduck chatgpt extension

Une fonctionnalité intéressante de cette extension Rubberduck AI est la possibilité de générer des tests unitaires pour un composant d’interface utilisateur. Il vous suffit de sélectionner le composant et de choisir “Generate Unit Test” dans le menu du clic droit.

Les tests unitaires, en particulier, sont parfois déroutants, surtout lorsque vous devez simuler certaines valeurs et fonctions. Grâce à cette extension, c’est un jeu d’enfant.

Comme pour les autres extensions, vous aurez besoin d’une clé API OpenAI pour qu’elle fonctionne.

Dernières remarques

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 vos développeurs en l’intégrant avec les extensions ChatGPT sans compromettre votre flux de travail.

Ensuite, apprenez comment intégrer ChatGPT avec Siri.