Comment indenter automatiquement le code dans Visual Studio Code

L’indentation dans le code fait référence à l’espace que vous avez au début de la ligne de code. Comme d’autres éditeurs de code et IDE, VS Code vous permet d’indenter votre code automatiquement.

Vous pouvez définir des tabulations ou des espaces ou tout ce que vous préférez pour l’indentation.

Ça a l’air bien? Voyons comment faire.

Activer l’indentation automatique dans VS Code

Il existe plusieurs façons d’y parvenir. Dans ce guide, je vais vous montrer trois façons d’indenter automatiquement votre code dans Visual Studio Code.

Méthode 1 : configuration des paramètres utilisateur globaux

Vous pouvez accéder aux paramètres utilisateur globaux via la palette de commandes. Utilisation Ctrl + Shift + P pour ouvrir la palette de commandes et rechercher Open User Settings et appuyez sur entrée :

Cela ouvrira les paramètres. De là, vous devrez rechercher Auto Indent et choisissez Plein comme option de retrait dans Éditeur : Retrait automatique:

Et l’indentation automatique est activée et appliquée à chaque fichier ouvert dans VSCode.

Méthode 2 : Utilisation de linter ou de formateur pour l’indentation automatique dans VS Code

Dans cette méthode, vous devrez ajouter des extensions telles qu’un formateur de code ou un linter pour obtenir les résultats souhaités.

Les linters identifieront les erreurs dans le code, tandis que les formateurs ne formateront votre code que pour le rendre plus lisible. Vous pouvez rechercher des formateurs de code dans le Place de marché VSCode spécifiques à votre langage de programmation.

Et voici quelques-uns de mes formateurs de code et linters préférés pour les langages très populaires :

• C/C++: Pour les langages de programmation C et C++.
• PHP: Pour PHP.
• markdownlint: Pour les fichiers Markdown.
• Python: Pour le langage de programmation Python.
• ESLint: Pour JSON et javascript.
• Embellir: Pour javascript, JSON, CSS, Sass et HTML.

Une fois que vous avez terminé d’ajouter un formateur pour votre langage de programmation préféré, vous pouvez appuyer sur Ctrl _ Shift + I pour formater le code.

De même, vous pouvez utiliser faire de même en utilisant la palette de commandes. Presse Ctrl + Shift + P à et rechercher Mettre en forme le documentet appuyez sur Entrée.

Méthode 3 : Activer l’indentation automatique lors de l’enregistrement du fichier

VSCode vous permet de formater votre code tout en l’enregistrant avec un petit ajustement. Laisse moi te montrer comment.

Presse Ctrl + , et il ouvrira l’invite des paramètres utilisateur. A partir de là, recherchez Formater à l’enregistrement:

Et à partir de maintenant, vos fichiers ajouteront automatiquement un retrait lorsque vous les enregistrerez.

Emballer

Dans ce guide, j’ai expliqué comment ajouter automatiquement un retrait dans VSCode. Je recommanderais d’utiliser la deuxième méthode pour une meilleure flexibilité.

J’espère que vous trouverez ce guide utile et si vous avez des questions ou des suggestions, faites-le moi savoir dans les commentaires.