Les meilleures extensions VSCode pour un développeur web
29/11/2024 • Melvynx
Tu souhaites avoir un VSCode de "développeur web" qui a de l'expérience ? Tu tombes à pique. Ça fait 6 ans que j'utilise VSCode
et j'ai téléchargé des centaines d'extensions mais il y a uniquement les extensions suivantes que j'aime vraiment !
Une extension qui te permet de voir les erreurs directement dans le code.
Un formateur de code ultra performant, le plus populaire qui te permet de formater ton code quand tu sauvegardes ton fichier. Pour que ça marche tu peux ouvrir le fichier "settings (json)" dans ton VSCode
et ajouter la ligne suivante :
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"files.autoSave": "onFocusChange"
}
ESLint
est un outil qui vient maintenant par défaut avec de nombreux outils de code et qui te permet d'avoir un code cohérent et aussi d'éviter les erreurs telles que la modification d'une constante. Coder sans ESLint
est devenu impossible.
C'est pour moi le meilleur thème d'icônes. Il est à la fois simple et beau.
Si tu utilises TypeScript
, cette extension est obligatoire, elle te permet de transformer les erreurs ESLint
qui n'ont aucun sens en de belles erreurs lisibles.
Cette extension est très simple mais très pratique, elle te permet de renommer facilement les balises HTML.
Cette extension te permet d'ajouter des commentaires colorés qui sont plus faciles à lire.
On a tendance à faire beaucoup de petites typos par exemple compnent
au lieu de component
. Cette extension te permet de vérifier tes fautes d'orthographe.
Cette extension vient automatiquement convertir les doubles ou single quotes en template string quand tu commences à écrire $
afin de te simplifier la vie. Vraiment c'est un no-brainer de l'utiliser.
Si tu souhaites avoir un thème beau, simple et qui te rappelle les couleurs de GitHub, c'est le bon choix.
J'en ai marre des thèmes fancy et je préfère largement des thèmes plus standards maintenant.
Pour l'AI, je te laisse choisir entre les outils suivants :
À toi de choisir 😉
Si tu souhaites devenir développeur web maintenant que tu as un VSCode
de fou furieux, je te conseille de rejoindre ma formation BeginWeb qui est totalement gratuite !