Comment modifier l'indentation dans Visual Studio Code ?

Pour chaque fichier typecript, Visual Studio Code utilise une indentation automatique de 8 espaces. C'est un peu trop à mon goût mais je n'arrive pas à trouver où le changer.

Peut-être que ce paramètre est disponible, mais sous un nom différent, car je ne trouve rien concernant l'indentation.

MISE À JOUR

J'utilise actuellement le [Prettier code formatter] (https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) et il résout tous les problèmes de formatage par un formatage automatique lors de la sauvegarde (s'il n'y a pas d'erreur de syntaxe).

Solution

Dans la barre d'outils, dans le coin inférieur droit, vous verrez un élément qui ressemble à ce qui suit : [!entrer la description de l'image ici][1]][1] Après avoir cliqué dessus, vous aurez la possibilité d'indenter en utilisant des espaces ou des tabulations. Après avoir sélectionné votre type d'indentation, vous aurez ensuite la possibilité de modifier la taille de l'indentation. Dans le cas de l'exemple ci-dessus, l'indentation est fixée à 4 caractères d'espacement par retrait. Si la tabulation est sélectionnée comme caractère d'indentation, vous verrez Tab Size au lieu de Spaces.

Si vous voulez que cela s'applique à tous les fichiers et non à un fichier individuel, remplacez les paramètres Editor : Tab Size et Editor : Insert Spaces dans User Settings ou Workspace Settings selon vos besoins. [1] : http://i.stack.imgur.com/OcEgm.png

Edit 1

Pour accéder à vos paramètres d'utilisateur ou d'espace de travail, allez dans Préférences -> Paramètres. Vérifiez que vous êtes sur l'onglet User ou Workspace selon vos besoins et utilisez la barre de recherche pour localiser les paramètres. Vous pouvez également désactiver Editor : Détecter l'indentation" car ce paramètre remplacera ce que vous avez défini pour "Editor : Insert Spaces" et "Editor : Tab Size lorsqu'il est activé.

Commentaires (12)

Pour modifier l'indentation en fonction du langage de programmation :

  1. Ouvrez la palette de commande (Ctrl+Shift+P)

  2. Préférences : Configurer les paramètres spécifiques à la langue... (id. de commande : workbench.action.configureLanguageBasedSettings)

  3. Sélectionnez le langage de programmation (par exemple TypeScript)

  4. Ajoutez ce code :

    &quot ;[typescript]" : {
        "editor.tabSize" : 2
    }

[Voir aussi : VS Code Docs][1]

[1] : https://code.visualstudio.com/docs/getstarted/settings#_language-specific-editor-settings

Commentaires (2)

Vous pouvez également définir le paramètre editor.detectIndentation sur false, en plus de la réponse d'Elliot-J's.

VSCode va écraser vos paramètres editor.tabSize et editor.insertSpaces par fichier s'il détecte qu'un fichier a un modèle d'indentation différent pour les tabulations ou les espaces. Vous pouvez rencontrer ce problème si vous ajoutez des fichiers existants à votre projet, ou si vous ajoutez des fichiers en utilisant des générateurs de code comme Angular Cli. Le paramètre ci-dessus empêche VSCode de faire cela.

Commentaires (0)