Un IDE c’est quoi ?
Pour développer votre site Internet et saisir vos lignes de code, vous avez besoin d’un outil qui va nous permettre de travailler efficacement : un IDE.
Un IDE (Environnement de Développement Intégré) est un logiciel qui fournit différents outils aux développeurs pour les aider à être plus productif.
Différents IDE
Il existe plusieurs IDE :
Vous pouvez travailler avec celui ou vous vous sentez le plus à l’aise. Dans cette formation, nous allons utiliser Visual Studio Code. Ce dernier est gratuit et populaire. Il propose un grand nombre d’extension pour ajouter des fonctionnalités en fonction de nos besoins.
Pourquoi utiliser un IDE ?
Le but d’un IDE est d’améliorer la productivité des développeurs en leurs fournissant les outils nécessaires pour coder, tester, et déboguer des applications de manière efficace.
Parmi ces outils et fonctionnalités, on retrouve :
- Une coloration syntaxique qui permet de mieux lire son code grace à mise en avant des balises notamment.
- Une autocomplétion qui permet de vous aider à écrire votre code et à gagner du temps.
- Une gestion des fichiers de votre projet pour une organisation plus efficace.
- Une intégration d’outils tiers tels que Git, linters et outils de test.
Avec quels langages utiliser un IDE ?
Un IDE peut être utiliser pour travailler avec plusieurs langage comme le HTML, qui nous concerne ici, mais avec bien d’autres comme CSS, JavaScript, PHP…
Les IDE modernes permettent de travaille avec tous les langages de programmation les plus courants.
Installer Visual Studio Code (VS Code)
Téléchargement de l’installateur
Rendez-vous sur le site officiel de Visual Studio Code à l’adresse https://code.visualstudio.com/. Sur la page d’accueil, vous verrez un bouton de téléchargement. Cliquez dessus pour télécharger l’installateur correspondant à votre système d’exploitation (Windows, macOS ou Linux).
Installation sur Windows
- Double-cliquez sur le fichier d’installation téléchargé (.exe).
- Si une boîte de dialogue de contrôle de compte d’utilisateur apparaît, cliquez sur « Oui » pour permettre à l’installateur de modifier votre système.
- L’assistant d’installation de Visual Studio Code s’ouvrira. Suivez les instructions à l’écran et cliquez sur « Suivant ».
- Vous pouvez choisir l’emplacement d’installation ou accepter l’emplacement par défaut. Cliquez ensuite sur « Suivant ».
- Sélectionnez les options supplémentaires que vous souhaitez, telles que la création d’un raccourci sur le bureau et dans le menu Démarrer.
- Cliquez sur « Installer » pour démarrer l’installation.
- Une fois l’installation terminée, cliquez sur « Terminer » pour fermer l’assistant d’installation.
Installation sur macOS
- Ouvrez le fichier d’installation téléchargé (.dmg).
- Faites glisser l’icône de Visual Studio Code vers le dossier « Applications » pour l’installer.
- Une fois l’installation terminée, vous pouvez éjecter le disque virtuel en faisant un clic droit sur son icône et en sélectionnant « Éjecter ».
Installation sur Linux
- Selon votre distribution Linux, les étapes peuvent varier légèrement. Généralement, vous pouvez utiliser les gestionnaires de paquets de votre distribution pour installer Visual Studio Code.
- Par exemple, si vous utilisez Ubuntu, vous pouvez ouvrir le Terminal et exécuter la commande suivante :
sudo apt install code - Suivez les instructions à l’écran pour l’installation à l’aide de votre gestionnaire de paquets spécifique.
Lancement de Visual Studio Code
- Une fois l’installation terminée, vous pouvez lancer Visual Studio Code.
- Sur Windows, recherchez « Visual Studio Code » dans le menu Démarrer ou double-cliquez sur l’icône sur le bureau.
- Sur macOS, ouvrez le dossier « Applications » et double-cliquez sur l’icône de Visual Studio Code.
- Sur Linux, ouvrez votre lanceur d’applications et recherchez « Visual Studio Code ».
Vous avez maintenant installé Visual Studio Code vous pouvez passer au chapitre suivant.