Aller au contenu

Étape 2 : Installation de Visual Studio Code (VS Code)⚓︎

Visual Studio Code (souvent abrégé en VS Code) est un éditeur de code source gratuit et open-source développé par Microsoft. Il est très populaire grâce à sa légèreté, sa rapidité, son immense catalogue d'extensions et son intégration Git. C'est l'outil que nous utiliserons pour écrire notre code et interagir avec notre assistant IA Cline.

Pour Commencer (Instructions Simples)⚓︎

  1. Télécharger VS Code : Rendez-vous sur le site officiel : code.visualstudio.com. Le site devrait automatiquement détecter votre système d'exploitation (Windows, macOS, Linux) et vous proposer le bon installeur. Cliquez sur le bouton de téléchargement principal.

  2. Installer VS Code :

    • Windows : ExĂ©cutez l'installeur tĂ©lĂ©chargĂ© (.exe). Acceptez les termes de la licence et suivez les instructions. Il est recommandĂ© de laisser les options par dĂ©faut cochĂ©es, notamment "Ajouter au PATH" (ou "Add to PATH") et celles permettant d'ouvrir des fichiers/dossiers avec VS Code depuis l'explorateur de fichiers.
    • macOS : Ouvrez le fichier .zip tĂ©lĂ©chargĂ©. Cela extraira l'application Visual Studio Code.app. Faites glisser cette application dans votre dossier Applications.
    • Linux :
      • Debian/Ubuntu (.deb) : TĂ©lĂ©chargez le paquet .deb et installez-le avec sudo apt install ./<nom_du_fichier>.deb (remplacez <nom_du_fichier> par le nom rĂ©el du fichier tĂ©lĂ©chargĂ©) ou via votre gestionnaire de paquets graphique.
      • Fedora/RHEL/CentOS (.rpm) : TĂ©lĂ©chargez le paquet .rpm et installez-le avec sudo dnf install ./<nom_du_fichier>.rpm ou sudo yum install ./<nom_du_fichier>.rpm.
      • Des instructions pour d'autres distributions sont disponibles sur le site de VS Code.

  3. Lancer VS Code : Une fois l'installation terminée, ouvrez VS Code. Vous devriez voir l'écran de bienvenue.

Pour Aller Plus Loin (Détails et Options Avancées)⚓︎

Pourquoi VS Code ?⚓︎

  • ExtensibilitĂ© : Des milliers d'extensions disponibles pour supporter quasiment tous les langages, frameworks et outils (linters, dĂ©bogueurs, thèmes, etc.). L'extension Cline que nous utiliserons en est un exemple.
  • IntĂ©gration Git : Des fonctionnalitĂ©s Git sont intĂ©grĂ©es nativement, facilitant le versionnement de votre code.
  • Terminal IntĂ©grĂ© : Vous pouvez ouvrir un terminal directement dans VS Code, ce qui est pratique pour exĂ©cuter des commandes (comme activer votre environnement virtuel Python, lancer votre application, etc.) sans quitter l'Ă©diteur.
  • DĂ©bogueur Puissant : Un excellent dĂ©bogueur intĂ©grĂ© pour de nombreux langages, y compris Python.
  • IntelliSense : AutocomplĂ©tion intelligente du code, suggestions, informations sur les fonctions.
  • Personnalisable : Thèmes, raccourcis clavier, paramètres, tout est largement configurable.
  • Multiplateforme : Fonctionne de manière identique sur Windows, macOS et Linux.

Quelques Configurations Initiales Utiles (Optionnel)⚓︎

Une fois VS Code lancé, vous pouvez explorer quelques configurations :

  • Installer l'extension Python de Microsoft :
    1. Cliquez sur l'icône Extensions dans la barre latérale gauche (ressemble à des carrés empilés).
    2. Recherchez "Python" (par Microsoft).
    3. Cliquez sur "Installer". Cette extension offre un support enrichi pour Python (IntelliSense, linting, débogage, etc.).
  • SĂ©lectionner l'interprĂ©teur Python pour votre projet : Lorsque vous ouvrez un dossier de projet Python (comme ExplorateurOpenFoodFacts que vous avez crĂ©Ă©), VS Code peut vous demander de sĂ©lectionner un interprĂ©teur Python.
    1. Ouvrez la palette de commandes : Ctrl+Shift+P (Windows/Linux) ou Cmd+Shift+P (macOS).
    2. Tapez Python: Select Interpreter.
    3. Choisissez l'interpréteur de votre environnement virtuel (il devrait apparaître avec .venv dans son chemin). Si ce n'est pas le cas, vous pouvez naviguer manuellement vers chemin/vers/ExplorateurOpenFoodFacts/.venv/bin/python (ou Scripts\python.exe sur Windows).
  • Thème de Couleurs : VS Code est livrĂ© avec plusieurs thèmes. Vous pouvez en changer via Fichier > PrĂ©fĂ©rences > Thème > Thème de couleurs (ou Code > PrĂ©fĂ©rences > Thème > Thème de couleurs sur macOS). De nombreux autres thèmes sont disponibles via les extensions.
  • Sauvegarde Automatique : Pour Ă©viter de perdre votre travail, activez la sauvegarde automatique : Fichier > Sauvegarde automatique.

Ouvrir votre Dossier de Projet⚓︎

Pour commencer Ă  travailler sur votre projet OpenFoodFacts :

  1. Dans VS Code, allez dans Fichier > Ouvrir un dossier...
  2. Naviguez jusqu'au dossier ExplorateurOpenFoodFacts que vous avez créé à l'étape précédente et sélectionnez-le. L'explorateur de fichiers de VS Code (barre latérale gauche) affichera alors le contenu de votre dossier.

Vous avez maintenant un éditeur de code puissant et configuré, prêt pour l'installation de notre assistant IA !