Sto scrivendo TypeScripte HTMLfile e le schede vengono convertite in spazi.

Nel mio TypeScriptprogetto, ogni scheda viene convertita in spazi, desidero disattivarla e disporre di una scheda anziché di spazi.

Queste sono le mie impostazioni:

{
  "editor.insertSpaces": false
}

MODIFICA 1:

Sembra funzionare nei .htmlfile, ma non nei .tsfile.

Ci sono 3 opzioni in .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.detectIndentationlo rileva dal tuo file, devi disabilitarlo. Se non ha aiutato, controlla di non avere impostazioni con priorità più alta. Ad esempio, quando lo si salva nelle impostazioni utente, potrebbe essere sovrascritto dalle impostazioni dell'area di lavoro che si trovano nella cartella del progetto.

Aggiornare:

Puoi semplicemente aprire File » Preferenze » Impostazioni o utilizzare il collegamento:

CTRL+ , (Windows, Linux)

⌘+ , (Mac)

Aggiornare:

Ora hai un'alternativa alla modifica manuale di queste opzioni.
Fai clic sul selettore Spaces: 4 in basso a destra nell'editor:

Quando desideri convertire le schede ws esistenti in tab, installa l'estensione da Marketplace
MODIFICA:
per convertire il rientro esistente dagli spazi in schede premere Ctrl+ Shift+P e digitare:

>Convert indentation to Tabs

Ciò cambierà il rientro del documento in base alle impostazioni definite in Schede.

Per modificare le impostazioni della scheda, fai clic sull'area di testo a destra del testo Ln / Col nella barra di stato in basso a destra nella finestra di vscode.

Il nome può essere Tab Sizeo Spaces.

Apparirà un menu con tutte le azioni e le impostazioni disponibili.

Ctrl+ Shift+ P, quindi "Converti rientro in schede"

Se si desidera utilizzare le schede anziché gli spazi

Prova questo:

1. Vai a File➤ Preferences➤ Settingso premi semplicemente Ctrl + ,
2. Nella barra delle impostazioni di ricerca in alto inserireeditor.insertSpaces
3. Vedrai qualcosa del genere: Editor: inserisci gli spazi e sarà probabilmente controllato. Deselezionalo come mostrato nell'immagine qui sotto

4. Ricarica il codice di Visual Studio (premi F1➤ digita reload window➤ premi Enter)

Se non ha funzionato prova questo:

Probabilmente è a causa del plug -in JS-CSS-HTML Formatter installato

(Puoi controllarlo andando su File➤ Preferences➤ Extensionso semplicemente premendo Ctrl + Shift + X , nell'elenco Abilitato troverai il formattatore JS-CSS-HTML )

Se è così puoi modificare questo plugin:

1. Premi F1➤ digita Formatter config➤ premi Enter(si aprirà il file formatter.json)
2. Modifica il file in questo modo:

 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. Salvalo (vai su File➤ Saveo premi semplicemente Ctrl + S )
4. Ricarica il codice di Visual Studio (premi F1➤ digita reload window➤ premi Enter)

Nel mio caso, il problema era l' estensione del formatter JS-CSS-HTML installata dopo l'aggiornamento di gennaio. La indent_charproprietà predefinita è spazio. L'ho disinstallato e il comportamento strano si interrompe.

Controlla questo da impostazione vscode ufficiale:

// 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,

// Config the editor that making the "space" instead of "tab"
"editor.insertSpaces": true,

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

Le impostazioni seguenti funzionano bene per me,

"editor.insertSpaces": false,
"editor.formatOnSave": true, // only if you want auto fomattting on saving the file
"editor.detectIndentation": false

Le impostazioni sopra riportate verranno applicate e applicate a tutti i file. Non è necessario rientrare / formattare manualmente ogni file.

File -> Preferenze -> Impostazioni oppure premi Ctrl+ ,e cerca spazi , quindi disattiva questa opzione:

Ho dovuto riaprire il file per rendere effettive le modifiche.

1. Evidenzia il tuo codice (nel file)
2. Fai clic su Dimensioni scheda nell'angolo in basso a destra della finestra dell'applicazione
3. Seleziona l'appropriato Converti rientro in schede

Se vuoi cambiare le schede in spazi in molti file, ma non vuoi aprirle singolarmente, ho scoperto che funziona ugualmente anche semplicemente usando Trova e sostituisci opzione dalla barra degli strumenti più a sinistra.

Nel primo riquadro (Find ), copia e incolla una scheda dal codice sorgente.

Nella seconda casella (Replace ), inserisci il numero di spazi che desideri utilizzare (ovvero 2 o 4).

Se si preme il ...pulsante, è possibile specificare le directory da includere o ignorare (ad essrc/Data/Json .).

Infine, controlla l'anteprima del risultato e premi Sostituisci tutto . Tutti i file nell'area di lavoro potrebbero essere interessati.

{
  "editor.insertSpaces": true
}

True per me va bene.