GSP1348

Présentation

Le vibe coding est une pratique émergente de développement logiciel qui utilise l'intelligence artificielle (IA) pour générer du code fonctionnel à partir de prompts en langage naturel. Cette approche accélère le développement et rend la création d'applications plus accessible, en particulier pour les personnes ayant une expérience limitée en programmation.

Le terme, inventé par le chercheur en IA Andrej Karpathy au début de l'année 2025, désigne un workflow dans lequel, au lieu d'écrire du code ligne par ligne, on fait appel à un assistant IA tel que Gemini CLI pour générer, affiner et déboguer une application par le biais d'un processus plus conversationnel. Vous pouvez ainsi vous concentrer sur la vision globale ou l'objectif principal de votre application, tandis que l'IA se charge d'écrire le code.

Gemini CLI est un agent IA Open Source qui vous permet d'exploiter la puissance de Gemini directement dans votre terminal. Le projet Gemini CLI est Open Source. Vous pouvez consulter la feuille de route publique pour en savoir plus sur les améliorations, les fonctionnalités à venir et les corrections de bugs.

Points abordés

Dans cet atelier, vous allez apprendre à effectuer les tâches suivantes :

• Configurer Gemini CLI pour l'utiliser
• Interagir avec Gemini CLI
• Découvrir les outils intégrés à Gemini CLI
• Utiliser Gemini CLI en mode shell
• Configurer un serveur MCP dans Gemini CLI
• Faire du vibe coding avec Gemini CLI

Ce dont vous avez besoin

Cet atelier peut être entièrement réalisé dans Google Cloud Shell, qui est préinstallé avec Gemini CLI.

Il s'adresse aux utilisateurs et aux développeurs de tous niveaux (y compris aux débutants).

Préparation

Avant de cliquer sur le bouton "Démarrer l'atelier"

Lisez ces instructions. Les ateliers sont minutés, et vous ne pouvez pas les mettre en pause. Le minuteur, qui démarre lorsque vous cliquez sur Démarrer l'atelier, indique combien de temps les ressources Google Cloud resteront accessibles.

Cet atelier pratique vous permet de suivre les activités dans un véritable environnement cloud, et non dans un environnement de simulation ou de démonstration. Des identifiants temporaires vous sont fournis pour vous permettre de vous connecter à Google Cloud le temps de l'atelier.

Pour réaliser cet atelier :

• Vous devez avoir accès à un navigateur Internet standard (nous vous recommandons d'utiliser Chrome).

Remarque : Ouvrez une fenêtre de navigateur en mode incognito (recommandé) ou de navigation privée pour effectuer cet atelier. Vous éviterez ainsi les conflits entre votre compte personnel et le compte temporaire de participant, qui pourraient entraîner des frais supplémentaires facturés sur votre compte personnel.

• Vous disposez d'un temps limité. N'oubliez pas qu'une fois l'atelier commencé, vous ne pouvez pas le mettre en pause.

Remarque : Utilisez uniquement le compte de participant pour cet atelier. Si vous utilisez un autre compte Google Cloud, des frais peuvent être facturés à ce compte.

Activer Cloud Shell

Cloud Shell est une machine virtuelle qui contient de nombreux outils pour les développeurs. Elle comprend un répertoire d'accueil persistant de 5 Go et s'exécute sur Google Cloud. Cloud Shell vous permet d'accéder via une ligne de commande à vos ressources Google Cloud.

1. Cliquez sur Activer Cloud Shell  en haut de la console Google Cloud.

2. Passez les fenêtres suivantes :

   • Accédez à la fenêtre d'informations de Cloud Shell.
   • Autorisez Cloud Shell à utiliser vos identifiants pour effectuer des appels d'API Google Cloud.

Une fois connecté, vous êtes en principe authentifié et le projet est défini sur votre ID_PROJET : . Le résultat contient une ligne qui déclare l'ID_PROJET pour cette session :

Your Cloud Platform project in this session is set to {{{project_0.project_id | "PROJECT_ID"}}}

gcloud est l'outil de ligne de commande pour Google Cloud. Il est préinstallé sur Cloud Shell et permet la complétion par tabulation.

3. (Facultatif) Vous pouvez lister les noms des comptes actifs à l'aide de cette commande :

gcloud auth list

4. Cliquez sur Autoriser.

Résultat :

ACTIVE: * ACCOUNT: {{{user_0.username | "ACCOUNT"}}} To set the active account, run: $ gcloud config set account `ACCOUNT`

5. (Facultatif) Vous pouvez lister les ID de projet à l'aide de cette commande :

gcloud config list project

Résultat :

[core] project = {{{project_0.project_id | "PROJECT_ID"}}} Remarque : Pour consulter la documentation complète sur gcloud, dans Google Cloud, accédez au guide de présentation de la gcloud CLI.

Tâche 1 : Configurer Gemini CLI en fonction vos besoins

Activer Cloud Logging pour Gemini CLI

Pour que certaines tâches de cet atelier puissent être notées, vous devez activer Cloud Logging sur Gemini CLI.

• Dans Cloud Shell, exécutez les commandes suivantes pour configurer Cloud Logging pour Gemini CLI :

mkdir -p ~/.antigravity cat < ~/.antigravity/settings.json { "project": "{{{ project_0.project_id }}}", "telemetry": { "enabled": true, "target": "gcp", "otlpEndpoint": "http://{{{ project_0.startup_script.external_ip }}}:4318", "otlpProtocol": "http", "logPrompts": true, "useCollector": true } } EOF

Vous remarquerez que l'exemple de fichier AGENTS.md (or GEMINI.md) fournit des instructions générales, ainsi que des instructions très spécifiques concernant le style de codage, la gestion des dépendances, etc. De la même manière, vous pouvez rédiger vos propres consignes en fonction de votre langage de programmation, de votre framework, de votre style de codage et d'autres préférences spécifiques à votre projet.

Le fichier AGENTS.md (or GEMINI.md) est indispensable pour que Gemini CLI suive vos préférences. Pour en savoir plus, vous pouvez consulter la série Practical Gemini CLI, qui explique en détail comment générer automatiquement ce fichier pour votre projet, personnaliser le prompt système et plus encore.

Configurer les paramètres spécifiques au projet

Avant de commencer à utiliser Gemini CLI, vous devez créer un dossier qui servira de dossier parent pour tous les projets que vous pourrez créer à l'intérieur. C'est un point de départ pour Gemini CLI, mais il peut aussi utiliser d'autres dossiers de votre système si nécessaire.

1. Exécutez les commandes suivantes dans Cloud Shell pour créer un dossier nommé antigravity-projects et y accéder :

export GOOGLE_CLOUD_PROJECT="{{{ project_0.project_id }}}" mkdir antigravity-projects cd antigravity-projects

2. Exécutez maintenant la commande suivante pour créer un sous-répertoire .gemini contenant un fichier de configuration settings.json :

mkdir -p ~/.antigravity echo '{ "project": "{{{ project_0.project_id }}}", "telemetry": { "enabled": true, "target": "gcp", "otlpEndpoint": "http://{{{ project_0.startup_script.external_ip }}}:4318/v1/logs", "otlpProtocol": "http", "logPrompts": true, "useCollector": true } }' > ~/.antigravity/settings.json

Dans Cloud Shell, Gemini CLI est préinstallé.

3. Pour commencer à interagir avec Gemini CLI, passez à l'onglet ✦ Gemini CLI dans le terminal Cloud Shell.

La première fois que vous utilisez Gemini CLI, il peut vous demander de choisir une méthode d'authentification.

4. Si vous êtes invité à sélectionner un mode d'authentification, appuyez sur 2 pour choisir 2. Use Cloud Shell user credentials (Utiliser les identifiants utilisateur Cloud Shell). Si vous n'êtes pas invité à vous authentifier, ce n'est pas un problème. Vous pouvez ignorer cette étape et poursuivre l'atelier.

Une fois l'authentification réussie, Gemini CLI est prêt. Voici un exemple de capture d'écran :

Pour l'instant, vous pouvez quitter Gemini CLI, car vous allez travailler de manière plus approfondie avec le modèle dans la tâche suivante.

5. Appuyez deux fois sur Ctrl+D ou Ctrl+C, ou exécutez la commande /quit pour quitter Gemini CLI.

Tâche 2 : Interagir avec Gemini CLI

Dans cette tâche, vous allez commencer à utiliser Gemini CLI. Pour que cet atelier puisse être correctement noté, vous devez d'abord installer une version spécifique de Gemini CLI. Ensuite, comme vous souhaitez commencer à travailler dans le dossier spécifique au projet que vous avez créé à cet effet, vous démarrez une nouvelle session Gemini.

1. Dans Cloud Shell, exécutez la commande suivante pour installer la version appropriée de Gemini CLI de manière globale : npm install -g @google/antigravity-cli@0.6.1

Remarque : Vous pouvez essayer d'autres modèles en utilisant la commande /model dans Antigravity CLI.

Pendant l'exécution de Gemini CLI, vous pouvez vérifier le modèle en cours d'exécution en bas à droite du terminal de Gemini CLI, comme dans la capture d'écran suivante :

Utiliser le mode non interactif

Une option intéressante consiste à exécuter Gemini CLI en mode non interactif. Cela signifie que vous lui fournissez directement le prompt et qu'il y répond sans ouvrir le terminal interactif de Gemini CLI. C'est très utile si vous prévoyez d'utiliser Gemini CLI de manière automatisée dans le cadre d'un script ou de tout autre processus d'automatisation.

1. Quittez la session (appuyez deux fois sur Ctrl+D ou Ctrl+C, ou saisissez la commande /quit).

2. Dans Cloud Shell, exécutez la commande suivante avec le paramètre -p :

gemini -p "What is the gcloud command to deploy to Cloud Run?"

N'oubliez pas qu'en mode non interactif, il n'est pas possible de poursuivre la conversation avec des questions complémentaires. Ce mode ne vous permet pas non plus d'autoriser des outils (y compris WriteFile) ni d'exécuter des commandes shell.

Cliquez sur Vérifier ma progression pour valider l'objectif. Utiliser Gemini en mode non interactif

Tâche 4 : Utiliser Gemini CLI en mode shell

Il est également possible de travailler directement avec le shell depuis Gemini CLI.

1. Redémarrez Gemini CLI avec la commande suivante :

gemini

2. Appuyez sur ! dans le champ du prompt. Vous passez alors en mode shell.

En mode shell, vous voyez le caractère ! au début du prompt, comme indiqué ci-dessous :

En mode shell, vous pouvez utiliser directement des commandes standards comme pwd, cat et ls.

Essayons maintenant d'afficher le contenu d'un fichier à l'aide de la commande cat.

3. Envoyez le prompt suivant à Gemini CLI : cat finance-news-today.txt

Exemple de résultat :

4. Appuyez sur ! ou sur la touche Échap pour quitter le mode shell.

Cliquez sur Vérifier ma progression pour valider l'objectif. Utiliser Gemini CLI en mode shell

Tâche 5 : Configurer un serveur MCP (Model Context Protocol)

Un serveur MCP est une application qui expose des outils et des ressources à Gemini CLI via le protocole MCP (Model Context Protocol), ce qui lui permet d'interagir avec des systèmes et des sources de données externes. Les serveurs MCP servent de passerelle entre le modèle Gemini et votre environnement local ou d'autres services tels que des API.

Un serveur MCP permet à Gemini CLI de découvrir et d'exécuter des outils, et d'effectuer des actions au-delà de ses fonctionnalités intégrées, comme interagir avec des bases de données, des API, des scripts personnalisés ou des workflows spécialisés.

Gemini CLI permet de configurer des serveurs MCP pour découvrir et utiliser des outils personnalisés.

1. Si vous avez lancé Gemini CLI, vous pouvez vérifier les serveurs MCP configurés à l'aide de la commande /mcp :

Si vous n'avez configuré aucun serveur MCP, Gemini CLI ouvre la documentation sur les serveurs MCP.

Vous pouvez configurer les serveurs MCP au niveau global dans le fichier ~/.antigravity/settings.json ou dans le répertoire racine de votre projet.

Si Gemini CLI est en cours d'exécution, vous pouvez quitter la session en appuyant deux fois sur CTRL+D ou CTRL+C.

2. Dans le terminal Cloud Shell, cliquez sur Open Editor dans la barre d'outils pour lancer l'éditeur Cloud Shell.
3. Le répertoire de configuration ~/.antigravity étant masqué par défaut, sélectionnez View > Toggle hidden files pour afficher les fichiers et répertoires cachés.
4. Dans l'éditeur Cloud Shell, accédez au fichier ~/.antigravity/settings.json dans le dossier spécifique à votre projet, antigravity-projects, et ouvrez-le.

Dans le fichier ~/.antigravity/settings.json, vous devez configurer le bloc de configuration mcpServers. Il faut utiliser la syntaxe suivante :

"mcpServers": { "server_name_1": {}, "server_name_2": {}, "server_name_n": {} }

Vous allez configurer ce fichier pour qu'il prenne en charge un serveur MCP dans la tâche suivante.

Chaque configuration de serveur accepte les propriétés suivantes, comme indiqué dans la documentation de référence :

Obligatoire (l'un des éléments suivants)

• command (chaîne) : chemin d'accès à l'exécutable pour le transport Stdio
• url (chaîne) : URL du point de terminaison SSE (ex. : "http://localhost:8080/sse")
• httpUrl (chaîne) : URL du point de terminaison de diffusion HTTP

Facultatif

• args (chaîne[]): Arguments de ligne de commande pour le transport Stdio
• headers (objet) : en-têtes HTTP personnalisés lorsque vous utilisez "url" ou "httpUrl"
• env (objet) : variables d'environnement pour le processus serveur. Les valeurs peuvent référencer des variables d'environnement à l'aide de la syntaxe $$VAR_NAME ou $${VAR_NAME}.
• cwd (chaîne): répertoire de travail pour le transport Stdio
• timeout (nombre): Délai avant expiration de la requête en millisecondes (par défaut : 600 00 0ms = 10 minutes)
• trust (booléen) : si la valeur est "true", contourne toutes les confirmations d'appel d'outil pour ce serveur (par défaut : "false").
• includeTools (chaîne[]) : liste des noms d'outils à inclure depuis ce serveur MCP. Si vous spécifiez cette propriété, seuls les outils listés ici seront disponibles depuis ce serveur (comportement de liste blanche). Si elle n'est pas spécifiée, tous les outils depuis le serveur sont activés par défaut.
• excludeTools (chaîne[]) : liste des noms d'outils à exclure de ce serveur MCP. Les outils listés ici ne seront pas disponibles pour le modèle, même s'ils sont exposés par le serveur. Remarque : excludeTools est prioritaire sur includeTools. Si un outil figure dans les deux listes, il sera exclu.

Remarque : Avant de continuer, il est important de souligner que vous devez faire preuve de prudence lorsque vous vous connectez à des serveurs MCP tiers ou que vous les intégrez. Pour protéger vos informations et l'intégrité de votre système, nous vous conseillons de n'intégrer que des serveurs MCP provenant de sources fiables et rigoureusement vérifiées.

Configurer un serveur MCP Git local

Le serveur Git officiel du Model Context Protocol (MCP) (git-mcp-server) permet à Antigravity CLI d'effectuer des opérations de contrôle de version Git directement sur des dépôts locaux.

Dans cette section, vous allez configurer un dépôt Git local et configurer le serveur MCP Git dans le fichier de configuration d'Antigravity CLI.

1. Dans le terminal intégré de l'éditeur Cloud Shell, exécutez les commandes suivantes pour créer et initialiser un exemple de dépôt Git :

mkdir -p ~/event-talks-app cd ~/event-talks-app git init git config user.name "Student" git config user.email "student@qwiklabs.net" echo "# Event Talks App" > README.md git add README.md git commit -m "Initial commit"

2. Exécutez les commandes suivantes dans votre terminal pour créer mcp_config.json avec la configuration du serveur MCP git :

mkdir -p ~/.antigravity ~/.gemini cat < ~/.antigravity/mcp_config.json { "mcpServers": { "git": { "command": "npx", "args": [ "-y", "git-mcp-server", "$HOME/event-talks-app" ], "trust": true } } } EOF cp ~/.antigravity/mcp_config.json ~/.gemini/mcp_config.json jq -s '.[0] * .[1]' ~/.antigravity/settings.json ~/.antigravity/mcp_config.json > temp.json && mv temp.json ~/.antigravity/settings.json cp ~/.antigravity/settings.json ~/.gemini/settings.json

3. Exécutez la commande suivante pour démarrer Antigravity CLI :

agy

4. Pour vérifier que le serveur MCP Git est chargé et que ses outils sont actifs, saisissez la commande /mcp :

/mcp

La sortie de la commande /mcp affiche le serveur MCP git actif ainsi que les outils disponibles tels que git_status, git_log, git_add et git_commit.

Remarque : Lorsqu'Antigravity CLI vous demande une autorisation, appuyez sur ENTER pour sélectionner Autoriser une fois (ou Toujours autoriser).

5. Demandez à Antigravity CLI d'inspecter l'état du dépôt :

Check the git status of the repository at /home/student/event-talks-app using the git MCP server tools.

Cliquez sur Vérifier mes progrès. Vérifier le dépôt local à l'aide des outils MCP Git

6. Demandez maintenant à Antigravity CLI d'ajouter un nouveau fichier et d'effectuer le commit dans Git :

Create a new file named talks.json in /home/student/event-talks-app with sample event schedule data, add it to git, and commit the changes with the message "Add talks schedule".

Cliquez sur Vérifier mes progrès. Créer un commit avec les outils MCP Git

Maintenant que le serveur MCP GitHub est configuré, vous pouvez formuler vos requêtes en langage naturel pour travailler sur vos projets GitHub :

• Décris-moi le dépôt <nom-du-dépôt>
• Clone <nom-du-dépôt> sur ma machine locale
• Décris @<nom-du-fichier> ou @<nom-du-répertoire>/
• Quels sont les différents composants de ce dépôt ?
• J'ai apporté les modifications nécessaires. Peux-tu envoyer les modifications à GitHub et utiliser les outils du serveur MCP GitHub pour cela ?

Plus de serveurs MCP

Voici une liste supplémentaire de serveurs MCP qui pourraient vous intéresser :

• Serveur MCP Firebase
• Services multimédias d'IA générative de Google (Imagen, Veo, Lyria)
• MCP Toolbox for Databases (fonctionne avec Firestore, BigQuery et les bases de données Google Cloud)
• Serveur MCP Google Workspace (fonctionne avec Docs, Sheets, Agenda, Gmail)

Les instructions pour configurer ces serveurs MCP sont publiées dans cet article de blog.

Tâche 6 : Faire du vibe coding avec Gemini CLI

Dans cette tâche, vous allez utiliser Gemini CLI pour créer un site Web avec du vibe coding. Vous demandez à Gemini CLI de générer la structure du site Web et de la configurer.

Remarque : Même si vous êtes très précis dans vos instructions, le modèle peut parfois s'en écarter, halluciner ou se retrouver bloqué dans une boucle. Si le modèle est bloqué, appuyez sur Échap, puis modifiez les instructions ou répétez vos instructions précédentes.

1. Dans Gemini CLI, saisissez le prompt suivant :

Génère un site Web pour un événement de conférences techniques sur une journée. Il y aura six conférences d'une heure chacune. Les informations fournies pour chaque conférence sont les suivantes : titre, un ou deux intervenants maximum, catégorie (un à trois mots clés maximum), durée et description. Le site Web comporte une seule page où les utilisateurs peuvent consulter le programme de la journée avec les horaires. Il y aura une pause déjeuner d'une heure et l'événement commencera à 10h. Prévois 10 minutes de transition entre chaque conférence. J'aimerais utiliser Node.js côté serveur et les langages HTML, JavaScript et CSS standards côté client. Les utilisateurs doivent pouvoir rechercher les conférences par catégorie. Voici comment tu dois procéder : 1. Planifie la conception et le codage de cette application. 2. N'hésite pas à me poser des questions si tu as besoin de précisions. 3. Quand je serai satisfait du résultat, génère le code et compile le site Web dans un seul fichier HTML sans serveur. 4. Fournis-moi des instructions pour exécuter et tester le site Web (diffuse le fichier index.html à l'aide d'un serveur Python simple pour que je puisse le prévisualiser en local).

Gemini CLI exécute alors une série d'actions.

2. Si le modèle vous demande de confirmer les actions à effectuer ou vous demande comment procéder, envoyez-lui ce prompt :

Crée le site Web à l'aide de données d'espace réservé et suis les suggestions de ton plan. Remarque : Il se peut que Gemini CLI expire, utilise un nom d'utilisateur incorrect, etc. Interagissez avec lui et suggérez les corrections nécessaires.

Les prompts et réponses suivants sont un exemple de flux observé. Vous pouvez obtenir une réponse complètement différente.

Vous devez interagir avec Gemini CLI selon vos besoins.

Parfois, Gemini CLI peut suggérer une commande qu'il souhaite exécuter. Pour les besoins de cet atelier, vous devez contrôler la tâche.

Si le modèle propose d'exécuter une commande, vous pouvez simplement appuyer sur Échap pour l'annuler et réorienter son approche avec un message tel que le suivant :

En suivant les instructions pour démarrer le serveur et accéder à la page d'accueil, vous obtenez un exemple de site comme illustré ci-dessous (si vous avez utilisé le même prompt, vous devriez voir quelque chose de semblable à ce site) :

Vous pouvez continuer à apporter d'autres modifications à l'aide de Gemini CLI.

• Il crée le dépôt.
• Il utilise plusieurs commandes Git : init, add et commit pour gérer le dépôt Git local.
• Il configure le dépôt Git distant et effectue un push.

Remarque : Il peut arriver que Gemini CLI expire, utilise un nom d'utilisateur incorrect, etc. Interagissez avec lui et suggérez des corrections si nécessaire.

Si Gemini CLI rencontre des problèmes d'authentification lors de l'envoi de vos modifications, rappelez-lui d'utiliser les outils du serveur MCP GitHub.

Si tout se passe bien, vous devriez avoir un dépôt GitHub en place. Voici un exemple de capture d'écran :

Bravo ! Vous avez créé un site Web à l'aide de Gemini CLI et envoyé les modifications à un dépôt GitHub que vous avez créé.

Remarque : Dans cet atelier, vous n'avez pas créé de fichier README.md pour le projet, mais il est recommandé de le faire dans un environnement de production réel. Si vous le souhaitez, vous pouvez demander à Gemini CLI de le faire pour vous.

Cliquez sur Vérifier ma progression pour valider l'objectif.

Félicitations !

Félicitations, vous avez exploré Gemini CLI et ses fonctionnalités, et vous avez testé son fonctionnement

Étapes suivantes et informations supplémentaires

• Article annonçant le lancement de Gemini CLI
• Page d'accueil du projet Gemini CLI
• Documentation sur Gemini CLI

Dernière mise à jour du manuel : 16 octobre 2025

Dernier test de l'atelier : 16 octobre 2025

Copyright 2026 Google LLC. Tous droits réservés. Google et le logo Google sont des marques de Google LLC. Tous les autres noms d'entreprises et de produits peuvent être des marques des entreprises auxquelles ils sont associés.