Partie 2 : Installation et Configuration Guidée (1h30)

Cette partie est la plus technique. Nous allons installer et configurer ensemble les outils nécessaires. Nous suivrons les étapes détaillées du Guide d'Installation Vibecoding que vous pourrez retrouver et consulter à votre rythme par la suite.

Module 1 : Python & Environnement Virtuel (20 minutes)

• Objectif : S'assurer que Python est installé et créer un environnement de travail isolé pour notre projet.
• Support : Étape 1 : Préparation de l'Environnement Python
• Actions clés :
  1. Vérifier la présence de Python sur les postes.
  2. Si besoin, télécharger et installer Python depuis python.org.
     • Point d'attention Windows : Bien cocher "Add Python to PATH".
  3. Créer un dossier de projet commun (ex: FormationVibecoding).
  4. Ouvrir un terminal dans ce dossier.
  5. Créer un environnement virtuel : python3 -m venv .venv
  6. Activer l'environnement virtuel :
     • Windows : .venv\\Scripts\\activate.bat
     • macOS/Linux : source .venv/bin/activate

Module 2 : VS Code & Extension Cline (30 minutes)

• Objectif : Installer notre éditeur de code et l'extension d'assistance IA Cline.
• Support :
  • Étape 2 : Installation de Visual Studio Code (VS Code)
  • Étape 3 : Installation de l'Extension Cline
• Actions clés :
  1. Télécharger et installer VS Code depuis code.visualstudio.com.
  2. Lancer VS Code et ouvrir le dossier du projet FormationVibecoding.
  3. Ouvrir le panneau des extensions.
  4. Rechercher et installer l'extension "Cline" de Saoud Rizwan.
  5. Repérer l'icône Cline dans la barre d'activité.

Module 3 : Connexion à l'IA & Memory Bank (40 minutes)

• Objectif : Permettre à Cline de communiquer avec un modèle d'IA et configurer sa mémoire contextuelle.
• Support :
  • Étape 4 : Configuration de Cline avec une API d'IA
  • Étape 5 : Configuration de la Memory Bank de Cline
  • Étape 6 : Premier Test de Cline
• Actions clés :
  1. OpenRouter :
     • Créer un compte sur openrouter.ai.
     • Générer une clé API et la copier.
  2. Configuration de Cline (Paramètres de l'extension) :
     • Api: Provider : Choisir OpenRouter.
     • Api: Key : Coller la clé OpenRouter.
     • Model: Provider Model Id : Saisir un modèle gratuit, par exemple nousresearch/nous-capybara-7b:free ou mistralai/mistral-7b-instruct:free.
  3. Memory Bank (Paramètres de l'extension) :
     • Localiser Prompt: Custom Instructions.
     • Cliquer sur "Add Item" (ou modifier l'existant).
     • S'assurer que "Role" est system.
     • Coller dans "Content" les instructions de la Memory Bank (celles fournies dans l'étape 5 du guide d'installation).
  4. Premier Test :
     • Ouvrir Cline.
     • Envoyer un premier prompt pour initialiser la Memory Bank et vérifier la communication (voir l'exemple de prompt de l'étape 6 du guide d'installation, adapté au projet FormationVibecoding si besoin).
     • Vérifier la création du dossier memory-bank et des fichiers projectbrief.md, activeContext.md, progress.md.
     • Discuter des éventuels problèmes rencontrés (clé API, modèle, etc.).

À la fin de cette partie, chaque participant devrait avoir un environnement fonctionnel.