Pour les développeurs, maintenir une mise en forme de code cohérente ne concerne pas seulement l'esthétique ; c'est essentiel pour la lisibilité et la collaboration en équipe. C'est là que Prettier entre en jeu, un formateur de code "opinionné" qui impose un style cohérent en reformatant votre code selon des règles définies. Ce blog vous guidera à travers la configuration de Prettier dans Visual Studio Code (VS Code) pour formater automatiquement votre code lors de la sauvegarde.

Étape 1 : Installer Prettier

Pour commencer, vous devrez installer Prettier dans VS Code. Cela peut être facilement fait via le Marketplace de VS Code. Recherchez "Prettier - Code formatter" dans le marketplace ou suivez directement ce lien et cliquez sur 'Installer'.

[Object]

Étape 2 : Activer le formatage lors de la sauvegarde

Par défaut, Prettier ne formate pas automatiquement votre code lors de la sauvegarde. Pour activer cette fonctionnalité :

Ouvrez la palette de commandes dans VS Code avec Ctrl+Shift+P (ou Cmd+Shift+P sur Mac).

Tapez "Ouvrir les paramètres utilisateur" et sélectionnez-le.

Dans la barre de recherche en haut de l'onglet Paramètres, tapez "Formatage lors de la sauvegarde".

Cochez la case pour Editor: Format On Save pour activer le formatage automatique.

[Object]

Maintenant, à chaque fois que vous enregistrez un fichier, Prettier formatera votre code selon les règles prédéfinies.

Étape 3 : Éviter le formatage lors de la sauvegarde pour le code partagé

Si vous travaillez avec du code que d'autres pourraient ne pas vouloir reformater automatiquement, vous pouvez enregistrer sans formatage. Pour ce faire :

Ouvrez à nouveau la palette de commandes avec Ctrl+Shift+P (ou Cmd+Shift+P sur Mac).

Tapez "Enregistrer sans formatage" et sélectionnez-le.

Cela empêche que vos modifications soient marquées comme des changements dus à des différences de formatage dans les systèmes de contrôle de version comme Git.