Pourquoi VS Code et pas autre chose ?

C'est l'éditeur de référence du développement web mondial. Communauté massive, documentation abondante, intégration parfaite avec le terminal et les navigateurs, gratuit et open-source.

La configuration de base (avant toute extension)

Active la sauvegarde automatique (Auto Save: afterDelay) pour ne plus jamais perdre de temps à rafraîchir une page sans voir tes changements. Configure une police lisible (taille 14 ou 16) et un thème contrasté reposant pour les yeux.

Les 5 seules extensions indispensables

Prettier pour le formatage automatique à chaque sauvegarde, Live Server pour le rechargement à chaud dans le navigateur, Auto Rename Tag pour synchroniser les balises HTML, Color Highlight pour prévisualiser les codes hexadécimaux et One Dark Pro pour le confort visuel.

Les extensions que tu dois absolument éviter au début

Les linters trop stricts comme ESLint qui noient les débutants sous des alertes rouges frustrantes, et les assistants IA omniprésents qui écrivent le code à ta place avant même que tu n'aies compris la syntaxe.

Mon fichier settings.json minimaliste

Format on save activé, minimap désactivée pour gagner 15% de largeur d'écran, linkedEditing activé pour éditer les balises sans plugin supplémentaire.