Extensions VScode incontournables
-
Live Server
Cette extension permet de simuler un serveur local et ainsi de visualiser vos pages HTML, CSS et JavaScript. L'avantage est de voir en temps réel les mises à jour apportées à nos documents sans avoir à rafraichir la page du navigateur.
-
Prettier
Avec Prettier, le code est formaté automatiquement lorsque l'on sauvegarde. La lecture du code est simplifié et standardisé. Il fournit aussi des indications en cas d'erreur dans notre code (balise manquante, etc).
-
ESLint
Un lint est un vérificateur de code. Avec cette extension, les erreurs de syntaxe sont révelées et vous pouvez éviter de perdre un temps fou.
-
VScode-icons
Celui ni n'est pas indispensable mais il permet d'avoir des icônes de fichiers plus lisible et ainsi on navigue plus facilement dans l'arborescence de VScode.
-
CSS Peek
Cette extension vous permet d'aller directement à l'emplacement de votre code CSS. Par exemple, en maintenant Ctrl et en cliquant sur une classe dans un fichier HTML, on est redirigé sur le code CSS de la classe.
-
Auto Rename Tag
Avec celle-ci, la balise ouvrante / fermante est changé automatiquement lorsque l'on modifie l'une des deux balises.