Dans cet article, nous allons découvrir l’éditeur de code que nous utiliserons tout au long de notre formation. Il est fort probable que vous ayez déjà un éditeur de code basique sur votre ordinateur, comme le Bloc-notes proposé par défaut sur Windows. Cependant, je vous recommande de commencer avec Visual Studio Code, un éditeur de code libre qui offre des aperçus en direct et des conseils de codage pratique.
Pour télécharger Visual Studio Code, il vous suffit de rechercher le site officiel en utilisant le moteur de recherche Google. Une fois sur la page d’accueil de Visual Studio Code, vous trouverez le lien de téléchargement adapté à votre système d’exploitation. Par exemple, si vous utilisez Windows version 64, cliquez sur le lien correspondant.
Après avoir téléchargé le fichier d’installation, il vous suffit de double-cliquer dessus et de suivre la procédure d’installation. Laissez les paramètres par défaut, notamment celui qui ajoute Visual Studio Code au chemin de Windows. Cela vous permettra d’utiliser l’éditeur de code en utilisant la console. À la fin de l’installation, l’éditeur s’ouvrira automatiquement pour une première utilisation.
Maintenant, passons aux fonctionnalités de base. Tout d’abord, pour ouvrir un fichier existant, vous pouvez le rechercher en utilisant la barre de recherche de Windows. Une fois ouvert, vous pouvez créer un nouveau fichier en utilisant le bouton « Nouveau fichier ». Vous pouvez écrire votre code ici, par exemple « Bonjour HTML ». Avant de commencer à écrire votre code, il est important de choisir le langage de programmation à utiliser. Dans notre cas, nous devons choisir le langage HTML.
Une fois que vous avez terminé votre codage, vous pouvez enregistrer le fichier en utilisant le raccourci clavier « Ctrl + S ». Choisissez l’emplacement de sauvegarde et cliquez sur « Enregistrer ». Pour ouvrir un fichier existant, cliquez sur le bouton « Ouvrir un fichier » et sélectionnez le fichier que vous venez de créer.
En réalité, en tant que développeurs, nous travaillons rarement avec des fichiers individuels, mais plutôt avec un dossier ou un espace de travail contenant plusieurs fichiers. Pour ouvrir un dossier, vous pouvez utiliser le bouton « Ouvrir un dossier » ou simplement glisser votre dossier de travail dans l’éditeur de code. Ainsi, vous aurez le fichier ouvert avec d’autres fichiers, tels que des documents ODT.
Lorsque vous spécifiez l’extension « .html », Visual Studio Code détermine automatiquement le langage de programmation HTML. Vous pouvez ajouter d’autres fichiers à votre dossier de travail, par exemple « page2.html ». N’oubliez pas d’enregistrer régulièrement votre travail en utilisant le raccourci clavier « Ctrl + S ».
Si vous souhaitez utiliser la console dans Visual Studio Code, vous aurez besoin du chemin de votre dossier de travail. Vous pouvez ouvrir la console et vous déplacer vers votre dossier en utilisant la commande « cd », puis lancer l’éditeur de code en utilisant la commande « code » suivie du chemin de votre dossier actuel.
Enfin, la manière la plus simple d’ouvrir Visual Studio Code avec votre espace de travail enregistré est d’utiliser le fichier de configuration « .code-workspace ». Pour cela, il vous suffit de cliquer sur le lien « Espace de travail » qui se trouve dans votre dossier.
Maintenant que vous savez comment ouvrir et enregistrer un fichier HTML dans Visual Studio Code, vous pouvez commencer à explorer toutes les fonctionnalités offertes par cet éditeur de code puissant et pratique. Bonne programmation !