VS Code dispose de plusieurs extensions utiles qui améliorent ses fonctionnalités et fournissent des fonctionnalités pour les workflows de développement. L’une de ces extensions est CodeGPT, qui apporte la puissance de l’intelligence artificielle générative à VS Code.
CodeGPT vous permet de manipuler votre code sans effort. Vous pouvez l’utiliser pour générer du code à partir de commentaires, le refactoriser, le déboguer, le documenter ou même expliquer ce que fait un certain bloc de code.
Installation et configuration de CodeGPT
Pour installer CodeGPT, lancez VS Code. Cliquez ensuite sur l’icône des extensions dans la barre latérale gauche de votre fenêtre. Recherchez ensuite Code GPT. Il doit être le premier dans les résultats de recherche. Assurez-vous qu’il possède un badge de vérification bleu.
Cliquez sur le Installer pour l’ajouter à VS Code. Après avoir installé CodeGPT, vous devez maintenant le connecter à un grand modèle de langage. C’est ce modèle qui lui confère ses capacités génératives.
Pour établir la connexion entre CodeGPT et le modèle de langage volumineux, vous avez besoin d’une clé API. Dans ce guide, vous utiliserez l’API OpenAI. Pour en obtenir une, accédez à la plateforme API OpenAI et connectez-vous. Si vous n’avez pas de compte, créez-en un. Une fois connecté, sélectionnez l’option API option sur la page qui apparaît.
Cela vous amènera à la page d’accueil de l’API. Dans le coin supérieur droit, cliquez sur votre profil et sélectionnez l’ Afficher les clés API option.
Maintenant, vous serez dirigé vers le Clés API page. Cliquez sur le Créer une nouvelle clé secrète option. Ensuite, nommez et générez votre clé secrète.
Il s’agit de la clé API que vous utiliserez pour vous connecter à OpenAI grand modèle de langage vers CodeGPT. Copiez-le dans votre presse-papiers.
Accédez à VS Code et accédez à Paramètres > Extensions > CodeGPT.
À partir de cette page, vous pouvez configurer la manière dont CodeGPT interagit avec le grand modèle de langage. Vous pouvez choisir votre Fournisseur d’IA, Jetons max pour chaque demande, et le Modèle à utiliser. De plus, lorsque vous faites défiler plus bas, vous pouvez également définir le Température valeur.
Jetons max vous aider à contrôler la longueur du texte généré. Température Une valeur comprise entre 0 et 1 vous aide à contrôler le caractère aléatoire du texte dans la sortie du modèle. Vous n’êtes pas limité à OpenAI LLM. Vous pouvez utiliser n’importe lequel des modèles de langage du Fournisseur d’IA option, à condition que vous ayez leur clé API.
Pour saisir votre clé API, appuyez sur Cmd + Maj + P sur Mac ou Ctrl + Maj + P sous Windows pour ouvrir la palette de commandes. Recherchez ensuite CodeGPT et sélectionnez CodeGPT : définir la clé API.
Cliquez dessus et collez votre clé API dans l’invite qui apparaît. Enregistrez-la en appuyant sur Entrer. Enfin, rechargez VS Code pour commencer à utiliser CodeGPT.
Générer du code avec CodeGPT
Pour démontrer la fonctionnalité de génération de code CodeGPT, vous allez créer une application de calculatrice à l’aide de Python.
Vous pouvez générer du code avec CodeGPT en utilisant des commentaires ou en utilisant la fenêtre de discussion de CodeGPT. Pour générer du code à partir de commentaires, écrivez un commentaire sur ce que vous souhaitez que CodeGPT fasse dans votre script. Ensuite, avec le curseur à la fin du commentaire, appuyez sur Ctrl + Maj + I. CodeGPT traitera la demande et ouvrira une nouvelle fenêtre avec les résultats.
Vous pouvez ensuite copier et coller le code dans votre script. Cette méthode n’est pas très claire car la réponse contient du texte.
Pour générer du code en discutant avec CodeGPT, cliquez sur l’icône de chat CodeGPT dans la barre latérale gauche. Cela ouvrira une fenêtre de chat.
Saisissez ensuite votre demande et cliquez sur Envoyer. Dans ce cas, la demande concerne une simple calculatrice. CodeGPT traitera votre demande et générera votre code dans la fenêtre de discussion.
Cliquez sur la flèche « insérer le code » pour coller automatiquement le code dans votre script. Comme vous pouvez le constater, cette méthode est plus ordonnée. Le code généré est le suivant :
déf
ajouter(x, y) :
retour x + y
déf soustraire(x, y) :
retour x – y
déf multiplier(x, y) :
retour x * y
déf diviser(x, y) :
si y != 0:
retour x / y
autre:
retour « Erreur : impossible de diviser par zéro »
print(« Sélectionner l’opération : »)
print(« 1. Ajout »)
print(« 2. Soustraction »)
imprimer(« 3. Multiplication »)
imprimer(« 4. Division »)
choix = input(« Entrez votre choix (1-4) : « )
num1 = float(input(« Entrez le premier nombre : « ))
num2 = float(input(« Entrez le deuxième nombre : « ))
si choix == ‘1’:
imprimer(num1, « + », num2, « = », ajouter(num1, num2))
Élif choix == ‘2’:
imprimer(num1, « -« , num2, « = », soustraire(num1, num2))
Élif choix == ‘3’:
imprimer(num1, « * », num2, « = », multiplier(num1, num2))
Élif choix == ‘4’:
imprimer(num1, « / », num2, « = », diviser(num1, num2))
autre:
print(« Entrée non valide. Veuillez réessayer. »)
Lorsque vous exécutez le code, il fonctionne correctement. Avec une seule invite, vous avez pu créer une calculatrice simple.
Refactoriser votre code avec CodeGPT
Pour refactoriser votre code, sélectionnez le code que vous souhaitez refactoriser, puis faites un clic droit dessus et sélectionnez Refactoriser CodeGPT. Dans le Refactoriser CodeGPT Dans la boîte de dialogue, saisissez votre invite décrivant la refactorisation que vous souhaitez effectuer. Par exemple, vous pouvez saisir « refactoriser ce code pour utiliser une boucle for au lieu d’une boucle while ».
CodeGPT générera un nouveau code qui implémente la refactorisation demandée.
Expliquer votre code avec CodeGPT
Pour expliquer votre code, sélectionnez le code que vous souhaitez que CodeGPT explique. Cliquez ensuite avec le bouton droit de la souris sur le code en surbrillance et sélectionnez le Expliquer CodeGPT option.
CodeGPT expliquera ce que fait le code dans la fenêtre de discussion.
Documenter votre code à l’aide de CodeGPT
La documentation de votre code permet aux autres développeurs de le lire et de le comprendre. Elle peut également vous aider à comprendre votre code à l’avenir.
Pour documenter votre code, sélectionnez le code que vous souhaitez documenter, puis faites un clic droit dessus et sélectionnez le Code du documentGPT option. CodeGPT va générer la documentation du code dans la fenêtre de discussion. Vous pouvez ensuite copier et coller l’explication dans votre documentation.
Pour les commentaires en ligne, utilisez la fenêtre de discussion pour demander à CodeGPT d’insérer les commentaires en ligne nécessaires dans votre code. Demander à CodeGPT d’insérer des commentaires en ligne dans les fonctions de l’application de calculatrice produit les résultats suivants :
déf
ajouter(x, y) :
retour x + y # renvoie la somme de x et y
déf soustraire(x, y) :
retour x – y # renvoie la différence entre x et y
déf multiplier(x, y) :
retour x * y # renvoie le produit de x et y
déf diviser(x, y) :
si y != 0:
retour x / y # renvoie le résultat de la division de x et y
autre:
# renvoie un message d’erreur si y est nul (la division par zéro n’est pas autorisée)
retour « Erreur : impossible de diviser par zéro »
Ce sont des commentaires en ligne clairs et corrects.
Comprendre le fonctionnement de l’IA générative
CodeGPT utilise la puissance de l’IA générative pour toutes ses fonctionnalités. Il se peut qu’elle ne fournisse pas toujours les informations correctes. Par conséquent, vous devez vérifier si ses résultats sont corrects. Comprendre le fonctionnement de l’IA générative vous aidera à vous familiariser avec ses forces et ses faiblesses.
Soutenez notre effort ❤️
Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.
