Comment installer et utiliser CodeGPT dans VS Code

VS Code possè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

À installer CodeGPT, lancez VS Code. Cliquez ensuite sur l'icône des extensions dans la barre latérale gauche de votre fenêtre. Ensuite, recherchez Code GPT. Il devrait être le premier dans les résultats de recherche. Assurez-vous qu'il porte un badge de vérification bleu.

Clique sur le Installer bouton pour l'ajouter à VS Code. Après avoir installé CodeGPT, vous devez maintenant le connecter à un grand modèle de langue. C'est ce modèle qui lui donne ses capacités génératives.

Pour établir la connexion entre CodeGPT et le grand modèle de langage, vous avez besoin d'une clé API. Dans ce guide, vous serez en utilisant l'API OpenAI. Pour en obtenir un, passez au API OpenAI plate-forme et connectez-vous. Si vous n'avez pas de compte, créez-en un. Une fois connecté, sélectionnez le API option sur la page qui s'affiche.

Cela vous mènera à la page d'accueil de l'API. Dans le coin supérieur droit, cliquez sur votre profil et sélectionnez le Afficher les clés API option.

Maintenant, vous serez dirigé vers le Clés API page. Clique 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 connecter l'OpenAI grand modèle de langage à CodeGPT. Copiez-le dans votre presse-papiers.

Passez à 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 maximum pour chaque demande, et le Modèle utiliser. En outre, lorsque vous faites défiler plus bas, vous pouvez également définir le Température valeur.

Jetons maximum vous aider à contrôler la longueur du texte généré. Le 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 quel modèle de langage dans le Fournisseur d'IA option, à condition que vous disposiez de 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. Ensuite, recherchez CodeGPT et sélectionnez CodeGPT: définir la clé API.

Cliquez dessus et collez votre clé API dans l'invite qui s'affiche. Enregistrez-le 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 chat CodeGPT. Pour générer du code à partir de commentaires, écrivez un commentaire sur ce que vous aimeriez que CodeGPT fasse dans votre script. Puis 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 ordonnée 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 porte sur une simple calculatrice. CodeGPT traitera votre demande et générera votre code dans la fenêtre de chat.

Cliquez sur la flèche "insérer le code" pour coller automatiquement le code dans votre script. Comme vous pouvez le voir, cette méthode est plus ordonnée. Le code généré est comme indiqué ci-dessous :

defadd(x, y):
return x + y
defsubtract(x, y):
return x - y
defmultiply(x, y):
return x * y
defdivide(x, y):
if y != 0:
return x / y
else:
return"Error: cannot divide by zero"
print("Select operation:")
print("1. Addition")
print("2. Subtraction")
print("3. Multiplication")
print("4. Division")
choice = input("Enter your choice (1-4): ")
num1 = float(input("Enter the first number: "))
num2 = float(input("Enter the second number: "))
if choice == '1':
 print(num1, "+", num2, "=", add(num1, num2))
elif choice == '2':
 print(num1, "-", num2, "=", subtract(num1, num2))
elif choice == '3':
 print(num1, "*", num2, "=", multiply(num1, num2))
elif choice == '4':
 print(num1, "/", num2, "=", divide(num1, num2))
else:
 print("Invalid input. Please try again.")

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 boîte de dialogue, entrez votre invite décrivant la refactorisation que vous souhaitez effectuer. Par exemple, vous pouvez entrer "refactoriser ce code pour utiliser une boucle for au lieu de une boucle while".

CodeGPT générera un nouveau code qui implémentera la refactorisation demandée.

Expliquer votre code avec CodeGPT

Pour expliquer votre code, sélectionnez le code que vous souhaitez que CodeGPT explique. Ensuite, faites un clic droit sur le code en surbrillance et sélectionnez le Expliquer CodeGPT option.

CodeGPT expliquera ce que fait le code dans la fenêtre de chat.

Documenter votre code à l'aide de CodeGPT

Documenter votre code aide les autres développeurs à lire et à comprendre votre code. Cela 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 générera une 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 Calculatrice produit les résultats suivants :

defadd(x, y):
return x + y # returns the sum of x and y
defsubtract(x, y):
return x - y # returns the difference between x and y
defmultiply(x, y):
return x * y # returns the product of x and y
defdivide(x, y):
if y != 0:
return x / y # returns the division result of x and y
else:
# returns an error message if y is zero (dividing by zero is not allowed)
return"Error: cannot divide by zero"

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 peut ne pas toujours fournir les informations correctes. Par conséquent, vous devez contre-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.