Question Comment définir le style de l'espace de tabulation?


Une question simple: est-il possible de personnaliser le facteur de conversion tab-to-space lors de l'utilisation de VSCode? Par exemple, maintenant en HTML, il semble produire 2 espaces par presse de TAB, mais dans Typescript, il produit 4.


415
2018-04-30 15:54


origine


Réponses:


Par défaut, VSCode essayera de deviner vos options d'indentation en fonction du fichier que vous ouvrez.

Vous pouvez désactiver l'indentation en devinant via "editor.detectIndentation": false

Vous pouvez personnaliser ceci facilement via ces 3 paramètres File > Preferences > User Settings:

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

// Insert spaces when pressing Tab. This setting is overriden
// based on the file contents when `editor.detectIndentation` is true.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces`
// will be detected based on the file contents. Set to false to keep
// the values you've explicitly set, above.
"editor.detectIndentation": false

628
2018-04-30 16:02



Je cours la version 1.21 mais je pense que ceci peut s'appliquer aussi aux versions antérieures.

Jetez un oeil en bas à droite de l'écran. Vous devriez voir quelque chose qui dit Spaces ou Tab-Size.

Mine montre des espaces, -> enter image description here

  1. Clique sur le Spaces (ou Tab-Size)
  2. Choisir Indent Using Spaces ou Indent using Tabs
  3. Sélectionnez la quantité d'espaces ou d'onglets que vous aimez.

Cela ne fonctionne que par document, pas à l'échelle du projet. Si vous souhaitez l’appliquer à l’échelle du projet, vous devez également ajouter "editor.detectIndentation": false à vos paramètres utilisateur.


385
2018-06-28 18:18



Par défaut, VSCode détecte automatiquement l'indentation du fichier ouvert actuel. Si vous souhaitez désactiver cette fonctionnalité et créer toutes les indentations, par exemple 2 espaces, procédez comme suit dans les paramètres utilisateur ou les paramètres de l'espace de travail.

{
    "editor.tabSize": 2,

    "editor.detectIndentation": false
}

92
2017-08-08 13:32



Eh bien, la nouvelle version de vscode vous permet de spécifier différemment le type de fichier pour le tabSize, voici l'exemple de mon settings.json avec 4 espaces par défaut et js / json 2 espaces:

{
  "editor.fontSize": 20,
  "editor.tabSize": 4,
  "[javascript]": {
    "editor.tabSize": 2
  },
  "[json]": {
    "editor.tabSize": 2
  }
}

PS: Eh bien, si vous ne savez pas comment ouvrir ce fichier, vous pouvez: cliquer sur en bas à gauche the-gear-icon(*)/Settings


72
2018-05-10 03:28



nous pouvons taille de l'onglet de contrôle par type de fichier avec ÉditeurConfig et son Extension de code VS. Nous pouvons alors faire Alt+Décalage+F spécifique à chaque type de fichier.

Installation

ext install EditorConfig

Exemple de configuration

.editorconfig

[*]
indent_style = space

[*.{cs,js}]
indent_size = 4

[*.json]
indent_size = 2

settings.json

EditorConfig remplace tout ce que settings.json configure pour l'éditeur. Il n'y a pas besoin de changer editor.detectIndentation.


41
2017-09-09 02:35



Je voulais juste vous avertir que vous voulez vous assurer que editorconfig ne soit pas en conflit avec les paramètres de configuration de votre utilisateur ou de votre espace de travail, car je craignais que les paramètres ne soient pas appliqués lors de la configuration de mon éditeur. ces changements


6
2018-03-22 16:22



C'est lonefy.vscode-js-css-html-formatter blâmer, le désactiver et installer HookyQR.beautify

Maintenant sur enregistrer vos onglets ne serait pas converti


6
2017-07-04 22:03