Code Visual Studio: le format n’utilise pas de parameters de retrait

Lorsque vous utilisez la commande Format Code dans Visual Studio Code, elle ne respecte pas mes parameters de retrait ( "editor.tabSize": 2 ). Il utilise une taille de tabulation de 4 à la place. Des idées pourquoi cela se passe?

Merci!

Le nombre d’espaces à utiliser pour le formatage provient d’un emplacement différent. J’utilise la version 1.0 et c’est ce que j’ai fait pour le réparer (je suppose que vous utilisez des espaces au lieu d’tabs):

En bas de l’éditeur, à droite, cliquez sur “Spaces: #”:

barre d'état à droite

Ensuite, un menu apparaîtra en haut. Sélectionnez “Indent Using Spaces”:

sélectionner le type d'indentation

Enfin, vous pouvez sélectionner le nombre d’espaces que vous souhaitez que vos fichiers soient en retrait.

sélectionnez la taille de l'onglet

La prochaine fois que vous formatez un fichier, vous devriez pouvoir obtenir l’espacement que vous avez configuré.

Visual Studio Code détecte l’indentation actuelle par défaut et l’utilise – en ignorant le fichier .editorconfig

définir aussi “editor.detectIndentation” sur false

(Fichiers -> Préférences -> Paramètres)

Si la réponse de @ Maleki ne vous convient pas, vérifiez si vous avez un fichier .editorconfig dans votre dossier de projet.

Par exemple, la CLI angular en génère une avec un nouveau projet qui ressemble à ceci

 # Editor configuration, see http://editorconfig.org root = true [*] charset = utf-8 indent_style = space indent_size = 2 insert_final_newline = true sortingm_trailing_whitespace = true [*.md] max_line_length = off sortingm_trailing_whitespace = false 

Changer l’ indent_size ici est nécessaire car il semble qu’il remplacera tout ce qui se trouve dans votre espace de travail .vscode ou les parameters utilisateur.

Vous avez probablement installé une extension de formatage, par exemple JS-CSS-HTML Formatter .

Si c’est le cas, ouvrez simplement la palette de commandes, tapez “Formateur” et sélectionnez Formatter Config . Ensuite, éditez la valeur de "indent_size" comme vous le souhaitez.

PS N’oubliez pas de redémarrer Visual Studio Code après modification 🙂

Si vous êtes venu de Google parce que l’onglet n’est pas en retrait, cela peut également être dû au fait que “Tab Moves Focus” est activé. C’est en bas à droite, et si vous avez un moniteur suffisamment grand, vous risquez de le rater malgré qu’il soit surligné.

entrer la description de l'image ici

Cliquez sur la zone verte ou sur Ctrl + M pour l’arrêter. Je ne suis pas sûr que cela puisse être complètement désactivé, mais encore une fois je ne sais pas pourquoi un éditeur de code voudrait gâcher quelque chose comme l’indentation.

J’ai eu un problème similaire – peu importe ce que je faisais, je ne pouvais pas obtenir la taille de tabulation à 2, même si c’est dans mes parameters utilisateur – qui a fini par être due à l’ extension EditorConfig . Il recherche un fichier .editorconfig dans votre répertoire de travail actuel et, s’il n’en trouve pas (ou si celui-ci ne spécifie pas root=true ), il continuera à chercher les répertoires parents jusqu’à ce qu’il en trouve un.

Il s’est avéré que j’avais un .editorconfig dans un répertoire parent du répertoire dans .editorconfig je mettais tous mes nouveaux projets de code, et il spécifiait une taille de tabulation de 4. La suppression de ce fichier a résolu mon problème.

J’ai parfois le même problème. VSCode perdra soudainement tout son esprit et ignorera complètement tout paramètre d’indentation que je lui dis, même si le même fichier a été mis au point tout au long de la journée.

J’ai editor.tabSize défini sur 2 (ainsi que editor.formatOnSave défini sur true). Lorsque VSCode échoue un fichier, j’utilise les options en bas de l’éditeur pour modifier le type et la taille de l’indentation, en espérant que quelque chose fonctionnera, mais VSCode insiste pour utiliser une taille de retrait de 4.

Le correctif? Redémarrez VSCode. Il devrait revenir avec le statut de retrait indiquant quelque chose qui ne va pas (dans mon cas, 4). Pour moi, je devais changer le réglage et ensuite enregistrer pour qu’il fasse réellement le changement, mais c’est probablement à cause de mon paramètre editor.formatOnSave .

Je n’ai pas compris pourquoi cela se produit, mais pour moi, c’est généralement lorsque je modifie un object nested dans un fichier JS. Il se produira soudainement une indentation très étrange au sein de l’object, même si je travaille dans ce fichier depuis un certain temps et que cela se passe très bien.

Pour moi, ce problème a été causé par l’utilisation du plug-in VSCode prettier joli sans avoir un fichier de configuration plus joli dans l’espace de travail.

La désactivation du plug-in a résolu le problème. Cela aurait probablement aussi pu être résolu en s’appuyant sur la plus jolie config.