Visual Studio Code

Visual Studio Code (VSCode) est un éditeur de code open-source qui peut être utilisé pour éditer du code HTML. Voici les étapes pour éditer un fichier HTML avec VSCode :

1. Téléchargez et installez Visual Studio Code si vous ne l'avez pas déjà.
2. Ouvrez VSCode.
3. Cliquez sur "Fichier" dans le menu en haut, puis sélectionnez "Ouvrir" pour ouvrir un fichier existant ou "Nouveau fichier" pour créer un nouveau fichier.
4. Lorsque vous ouvrez ou créez un fichier, vous pouvez entrer ou coller du code HTML dans l'éditeur.
5. Pour enregistrer le fichier, cliquez sur "Fichier" dans le menu en haut, puis sur "Enregistrer" ou utilisez le raccourci clavier Ctrl+S (ou Command+S sur Mac).
6. Pour voir le rendu de votre page HTML, vous pouvez utiliser la fonctionnalité de prévisualisation intégrée de VSCode en appuyant sur Ctrl+K V (ou Cmd+K V sur Mac) pour ouvrir un panneau de prévisualisation à côté de votre éditeur.

https://www.loom.com/share/7845ba353c3540f09aab4c20120b4d4a

Les extensions

Pour vous aider, vous pouvez installer diverses extensions pour améliorer encore plus Visual studio code.

• Auto Rename Tag : vous permet d’éditer plus rapidement les balises
• Better Comments : vous permet de mieux visualiser les commentaires que nous verrons plus tard
• Bracket Pair Colorization toggler : vous permet de mieux visualiser les accolades, que nous verrons plus tard.
• French Language Pack for Visual Studio Code : vous permet de traduire votre éditeur en français.
• Live Server : vous permet de rafraîchir le navigateur à la sauvegarde de votre code.
• Material Icon Theme : apporte des icônes supplémentaires.
• Open in Finder : ajoute une commande rapide pour ouvrir le fichier dans le finder mac.