Comment utiliser Gemini Code Assist dans VS Code

Google a récemment lancé Gemini Code Assist – un outil de complétion et d’assistance de code d’IA pour les entreprises – lors de la conférence Cloud Next, qui se déroule actuellement à Las Vegas.

Qu’est-ce que Gemini Code Assist ? Vous pouvez utiliser Gemini Code Assist dans votre IDE, comme VS Code, IntelliJ, Cloud Workstations ou Cloud Shell Editor pour vous aider au développement, ou l’utiliser dans Google Cloud Console pour un dépannage assisté.

Gemini Code Assist peut vous aider à compléter le code pendant que vous écrivez le code, à générer des fonctions complètes ou des blocs de code à partir de commentaires, à générer des tests unitaires et à vous aider à déboguer, comprendre et documenter votre code.

Techniquement, il s’agit d’une évolution de Duet AI, que Google a abandonné il y a quelques mois. Cependant, il s’agit désormais davantage d’un concurrent direct du GitHub Copilot de Microsoft, qui est l’un des outils d’IA les plus importants pouvant vous aider dans le codage.

Code Assist utilise Gemini 1.5 Pro, qui dispose d’une fenêtre contextuelle d’un million, la plus grande fenêtre contextuelle fournie par tous les modèles. Cela donne à Code Assist un avantage considérable. Les utilisateurs pourraient même apporter des modifications à l’ensemble de leur base de code avec cette fenêtre contextuelle, qu’aucune autre plateforme ne propose actuellement.

Les entreprises pourront également affiner Code Assist à leur base de code interne, un peu comme le GitHub Copilot.

Vous pouvez essayer Gemini Code Assist gratuitement jusqu’au 11 juillet 2024, dans la limite d’un utilisateur par compte de facturation.

Pour ce guide, nous nous concentrerons sur la façon dont vous pouvez utiliser Gemini Code Assist dans Visual Studio (VS) Code.

Configuration de Gemini Code Assist avec VS Code

Pour utiliser Code Assist avec VS Code, vous devrez suivre les étapes ci-dessous pour configurer le tout.

Installer l’extension de code cloud

Tout d’abord, vous devez installer l’extension Cloud Code pour utiliser Code Assist avec VS Code.

Ouvrez VS Code sur votre ordinateur.
Ensuite, allez dans « Extensions » dans le menu de gauche.

Recherchez « Cloud Code » à l’aide de la barre de recherche. Cliquez sur le premier résultat de recherche, c’est-à-dire Gemini + Google Cloud Code.

Ensuite, cliquez sur le bouton « Installer » et installez l’extension.

L’extension Cloud Code est désormais installée sur VS Code. Cela fonctionne mieux avec les langues suivantes :

NoeudJS
Aller
Python
Java
.FILET

Bien que NodeJS ait une prise en charge intégrée dans VS Code et ne nécessite aucune action supplémentaire, vous devrez installer les autres langages si vous souhaitez les utiliser. Vous pouvez installer ces langues de la même manière que vous avez installé l’extension Cloud Code.

Facultativement, si vous souhaitez copier des exemples sur votre ordinateur, vous devrez également installer Git.

Connectez-vous à Google Cloud

Désormais, la prochaine étape consiste à se connecter à Google Cloud à partir de VS Code.

Une fois l’extension installée, cliquez sur l’option « Ouvrir la procédure pas à pas ».

Cliquez sur le bouton « Connecter » de l’option « Se connecter avec Google Cloud ».

Un message apparaîtra indiquant que VS Code souhaite ouvrir un site Web externe. Cliquez sur « Ouvrir » pour continuer.

Ensuite, connectez-vous à votre compte Google.
Ensuite, votre compte Google vous demandera de vous assurer que vous avez téléchargé cette application [Cloud Code] depuis Google ; cliquez sur « Connexion » pour continuer.

Votre compte est désormais connecté à Google Cloud.

Ensuite, vous devrez activer Gemini dans VS Code en sélectionnant un projet Google Cloud sur lequel l’API Cloud est activée. Toutefois, si vous n’êtes pas encore inscrit à Google Cloud, vous devez d’abord le faire.

Si vous ne disposez pas de Google Cloud, vous pouvez bénéficier d’un essai gratuit de 3 mois avec des crédits de 300 $.

Accédez à cloud.google.com et cliquez sur « Commencer gratuitement ».

Ensuite, fournissez les informations de votre compte et cliquez sur « Accepter et continuer ».

Fournissez vos informations de paiement et cliquez sur « Démarrer gratuitement » pour obtenir l’essai gratuit. Vous ne serez pas facturé une fois la période d’essai terminée, sauf si vous activez manuellement votre compte complet pour Google Cloud.

Une fois que vous disposez de Google Cloud, vous pouvez utiliser un projet de celui-ci pour utiliser Gemini dans VS Code.

Activer Gemini dans VS Code

Maintenant, revenez à VS Code et cliquez sur « Sélectionner un projet Google Cloud » pour activer Gemini.

L’option permettant de sélectionner le projet Google Cloud apparaîtra en haut. Sélectionnez le projet Google Cloud avec l’API Cloud activée. Vous pouvez également créer un nouveau projet Google Cloud.

Si l’API Cloud n’est pas activée pour votre projet sélectionné, vous recevrez une erreur dans la fenêtre VS Code. Cliquez sur « Activer l’API » pour résoudre ce problème.

Gemini sera activé pour une utilisation dans VS Code. Vous pouvez y accéder à tout moment depuis la barre d’état qui affichera désormais un Gémeaux activé, au lieu de l’icône Gémeaux précédemment désactivée (icône rouge avec une ligne diagonale en travers).

L’option pour Gemini sera également ajoutée à la barre d’activité sur la gauche.

C’est ça. Vous pouvez désormais commencer à utiliser Gemini dans VS Code pour obtenir de l’aide sur la génération de code ou discuter avec lui.

Générer du code avec Gemini

Pour utiliser Gemini dans VS Code, vous pouvez générer un nouveau code avec des invites, obtenir des suggestions de codage ou obtenir des suggestions en ligne.

Tout d’abord, ouvrez une application existante dans laquelle vous souhaitez utiliser Gemini ou créez un exemple d’application pour Cloud Code afin de tester Gemini.

Pour créer un exemple d’application, appuyez sur Ctrl+ Shift+ P(Windows/Linux) ou Cmd+ Shift+ P(Mac) pour ouvrir la palette de commandes sur VS Code.
Ensuite, tapez « Code Cloud : Nouvelle application » et appuyez sur Entrée.

Sélectionnez « Application Kubernetes » dans les options.

Ensuite, sélectionnez un exemple d’application parmi les options, comme « Python (Flask) : Livre d’or ». Notez que vous devrez installer la langue dans laquelle vous installez l’exemple d’application si vous ne l’avez pas déjà installé.

Enregistrez l’application à l’emplacement souhaité et l’application sera créée.

Une fois votre application créée, créez un nouveau fichier de code ou ouvrez-en un existant pour utiliser Gemini. Voici toutes les façons dont Gemini peut vous aider dans la génération de code.

Obtenez des suggestions en ligne

Pour obtenir des suggestions en ligne, commencez à saisir votre code.
Gemini vous fournira des suggestions de saisie semi-automatique pour votre code au fur et à mesure que vous écrivez.
Vous pouvez appuyer Tabsur pour accepter la suggestion. Pour ignorer la suggestion, appuyez sur Escou continuez à écrire le code.

Générer du code

Gemini peut également générer du nouveau code pour vous. Cliquez sur l’icône « Gemini : Smart Actions » dans la fenêtre IDE.

Ensuite, cliquez sur « Générer le code » dans les options.

Gemini générera pour vous un nouveau code basé sur le code déjà présent dans votre fichier.

Générer du code avec des invites

Vous pouvez également fournir des invites à Gemini pour générer du code pour eux.

Accédez à une nouvelle ligne de votre code et tapez #suivi de l’invite du code. Par exemple, tapez # Function to create a Cloud Storage bucketet appuyez sur Entrée.

Ensuite, pour générer du code, appuyez sur Ctrl+ Enterque vous soyez sous Windows, Linux ou Mac.
Gemini générera le code de votre demande. Appuyez Tabsur votre clavier pour l’accepter.

Discutez avec les Gémeaux

Vous pouvez également discuter avec Gemini dans VS Code. Il peut répondre aux questions, vous expliquer le code ou vous aider avec le code sélectionné.

Pour discuter avec Gemini, cliquez sur l’icône « Gemini » dans la barre d’activité sur la gauche. Le panneau de discussion Gemini s’ouvrira sur la gauche.

Tapez votre invite dans la barre d’invite et envoyez-la à l’IA (votre fichier de code doit être ouvert pour cela). Par exemple, vous pouvez dire Explain this code to me. Gemini utilisera le code de votre fichier comme référence et vous fournira une explication.

Vous pouvez également sélectionner le code dans votre fichier, puis envoyer l’invite à Gemini pour expliquer le code. Il utilisera alors uniquement le code sélectionné comme référence pour répondre à votre requête.

Vous pouvez également demander à Gemini de générer des tests unitaires pour l’intégralité du code ou le code sélectionné dans le panneau de discussion. Tapez Generate unit testsdans le panneau de discussion et Gemini générera des tests unitaires pour l’ensemble de votre code ou les fonctions sélectionnées (en fonction de votre sélection).
De même, vous pouvez demander à Gemini de Help debug the codeou Make the code more readabledans le panneau de discussion. Selon que vous avez sélectionné ou non une partie de votre code avant de vous demander, il obtiendra la réponse souhaitée pour une partie de votre code/l’intégralité du fichier de code.

Autres moyens d’accéder aux Gémeaux

Vous pouvez également sélectionner du code et effectuer une action à l’aide de Gemini en cliquant sur l’icône « Afficher les actions de code » (ampoule) dans l’éditeur de code.

Vous pouvez également effectuer d’autres actions avec Gemini dans VS Code. Ouvrez la palette de commandes sur VS Code.
Ensuite, tapez « Gemini : » et les options sur la façon dont vous pouvez utiliser Gemini apparaîtront. Vous pouvez demander à Gemini de vous expliquer le code, de vous concentrer sur la vue du chat, de générer du code, de générer des tests unitaires, etc.

C’est ça. Gemini Code Assist semble être un grand concurrent de GitHub Copilot, notamment avec sa fenêtre contextuelle d’un million. Il ne reste plus qu’à voir si Gemini Code Assist sera aussi efficace en matière de codage pour devenir réellement un outil utile.

Comment utiliser Gemini Code Assist dans VS Code