web-dev-qa-db-fra.com

Convertir des espaces en onglets

J'écris des fichiers TypeScript et HTML, et les onglets sont convertis en espaces.

J'ai essayé de changer les paramètres et de redémarrer, mais rien n'a changé.

Les paramètres que j'ai configurés:

// Place your settings in this file to overwrite default and user settings.
{
    "editor.insertSpaces": false
}

J'ai essayé de le rechercher sur Google et j'ai constaté que j'avais fait le bon choix en ajoutant "editor.insertSpaces": false, mais cela n'a pas modifié mes préférences.

EDIT 1:

J'ai trouvé que les onglets fonctionnent dans les fichiers .html, mais pas dans les fichiers .ts.

tabsvisual-studio-code
99
Matan Yedayev

Il existe 3 options dans .vscode/settings.json:

// The number of spaces a tab is equal to.
"editor.tabSize": 4,

// Insert spaces when pressing Tab.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces` will be detected based on the file contents.
"editor.detectIndentation": true

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

Mise à jour:

Vous pouvez simplement ouvrir File-> Preferences-> Settings ou utiliser le raccourci:

CTRL+, PC (Windows, Linux)

⌘+,  Mac

Mise à jour:

Maintenant, vous avez la possibilité de modifier ces options manuellement.
Cliquez sur le sélecteur . Espaces: 4 en bas à droite de l'éditeur:
Ln44, Col . [Spaces:4] . UTF-8 with BOM . CTRLF . HTML . :)

Lorsque vous voulez convertir un fichier ws existant en onglet, installez une extension à partir de Marketplace
EDIT:
Pour convertir une indentation existante d'espaces en tabulations, appuyez sur Ctrl+Shift+P et tapez:

>Convert indentation to Tabs

Cela modifiera l'indentation de votre document en fonction des paramètres définis en onglets.

170
v-andrew

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 vscode.

Le nom peut être Tab Size ou Spaces.

Un menu apparaîtra avec toutes les actions et les paramètres disponibles.

enter image description here

120
Eric Bole-Feysot

Ctrl + Maj + P puis "Convertir l'indentation en onglets"

22
carlsborg

Si vous voulez utiliser des tabulations au lieu d'espaces

Essaye ça:

  1. Allez à File ➤ PreferencesSettings ou appuyez simplement sur Ctrl + ,
  2. Dans la barre Paramètres de recherche en haut, insérez editor.insertSpaces
  3. Vous verrez quelque chose comme ceci: Editeur: Insérer des espaces et ce sera probablement vérifié. Décochez-le comme indiqué dans l'image ci-dessous

enter image description here

  1. Recharger Code Visual Studio (Appuyez sur F1, tapez reload window, appuyez sur Enter.)

Si cela ne fonctionne pas, essayez ceci:

C'est probablement à cause du plugin installé Formatter JS-CSS-HTML

(vous pouvez le vérifier en allant à File ➤ Preferences ➤ Extensions ou en appuyant simplement sur Ctrl + Shift + X, dans le Activé liste que vous trouverez Formatter JS-CSS-HTML )

Si oui, vous pouvez modifier ce plugin:

  1. Appuyez sur F1 ➤ tapez Formatter config ➤ appuyez sur Enter (le fichier formatter.json sera ouvert).

  2. Modifiez le fichier comme ceci:

     4|    "indent_size": 1,
 5|    "indent_char": "\t"
——|
24|    "indent_size": 1,
25|    "indentCharacter": "\t",
26|    "indent_char": "\t",
——|
34|    "indent_size": 1,
35|    "indent_char": "\t",
36|    "indent_character": "\t"

  3. Enregistrez-le (allez dans File ➤ Save ou appuyez simplement sur Ctrl + S)

  4. Recharger Code Visual Studio (Appuyez sur F1, tapez reload window, appuyez sur Enter.)
10
Alex Logvin

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 space. Je l'ai désinstallé et le comportement étrange s'est arrêté.

8
Vinicios Torres

Les réglages ci-dessous fonctionnent bien pour moi,

"editor.insertSpaces": false,
"editor.formatOnSave": true, // only if you want auto fomattting on saving the file
"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.

6
Rohan Kumar

Vérifiez ceci à partir du paramètre vscode officiel:

  // Controls whether `editor.tabSize#` and `#editor.insertSpaces` will be automatically detected when a file is opened based on the file contents.
  "editor.detectIndentation": true,

  // The number of spaces a tab is equal to. This setting is overridden based on the file contents when `editor.detectIndentation` is on.
  "editor.tabSize": 4,

  // Configure editor settings to be overridden for [html] language.
  "[html]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 2,
    "editor.autoIndent": false
  }
4
Xin

File -> Preferences -> Settings (ou appuyez simplement sur Ctrl+,, et recherchez spaces, puis désactivez simplement cette option:

enter image description here

J'ai dû rouvrir le fichier pour que les modifications prennent effet.

3
lama12345