Visual Studio Code - Convertir les espaces en tabulations

Question

J'ai à la fois des fichiers TypeScript et HTML dans mon projet, dans les deux fichiers les tabulations sont converties en espaces.

Je veux désactiver la conversion automatique et m'assurer que mon projet n'utilise que des tabulations.

Modifier :

Avec ce paramètre, cela semble fonctionner dans les fichiers HTML mais pas dans les fichiers TypeScript.

{
  "editor.insertSpaces": false 
}

Answer 1

Il y a 3 options dans .vscode/settings.json:

// Le nombre d'espaces qu'un onglet équivaut.
"editor.tabSize": 4,

// Insérer des espaces en appuyant sur Tab.
"editor.insertSpaces": true,

// Lors de l'ouverture d'un fichier, `editor.tabSize` et `editor.insertSpaces` seront détectés en fonction du contenu du fichier.
"editor.detectIndentation": true

editor.detectIndentation le détecte à partir de votre fichier, vous devez le désactiver. Si cela n'a pas aidé, vérifiez que vous n'avez pas de paramètres avec une priorité plus élevée. Par exemple, lorsque vous les enregistrez dans les paramètres utilisateur, ils pourraient être écrasés par les paramètres de l'espace de travail qui se trouvent dans votre dossier de projet.

Mise à jour:

Pour accéder à ces paramètres, vous pouvez ouvrir Fichier » Préférences » Paramètres, cliquez sur l'icône de réglage Gérer en bas à gauche, ou utilisez le raccourci clavier :

<strong>CTRL</strong>+<strong>,</strong> (Windows, Linux)

+<strong>,</strong> (Mac)

Mise à jour:

Maintenant vous avez une alternative pour modifier ces options manuellement.
Cliquez sur le sélecteur Espaces:4 en bas à droite de l'éditeur :

MODIFIER :
Pour convertir l'indentation existante d'espaces en tabulations, appuyez sur <strong>Ctrl</strong>+<strong>Shift</strong>+<strong>P</strong> et tapez :

>Convertir l'indentation en tabulations

Cela changera l'indentation de votre document en fonction des paramètres définis pour des tabulations.

Answer 2

Pour modifier les paramètres de tabulation, cliquez sur la zone de texte à droite du texte Ln/Col dans la barre d'état en bas à droite de la fenêtre de vscode.

Le nom peut être Taille de tabulation ou Espaces.

Un menu s'affichera avec toutes les actions et paramètres disponibles.

Answer 3

Ctrl+Shift+P, puis "Convertir l'indentation en tabulations"

Answer 4

Dans mon cas, le problème était l'extension JS-CSS-HTML Formatter installée après la mise à jour de janvier. La propriété par défaut indent_char est un espace. Je l'ai désinstallée et le comportement étrange s'arrête.

Answer 5

Les paramètres ci-dessous ont bien fonctionné pour moi,

"editor.insertSpaces": false,
"editor.formatOnSave": true, // seulement si vous voulez un formatage automatique lors de l'enregistrement du fichier
"editor.detectIndentation": false

Les paramètres ci-dessus seront reflétés et appliqués à tous les fichiers. Vous n'avez pas besoin d'indenter/formater chaque fichier manuellement.