2016-04-23 12 views
32

Scrivo typescript e html e le schede diventano spazi. È la prima volta che utilizzo Visual Studio Code.Spaces to tabs in Visual Studio Code

Ho provato a modificare le impostazioni e riavviare, ma non è cambiato nulla.

Le impostazioni ho configurato:

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

ho provato google e ho trovato che ho fatto il diritto passo quando ho aggiunto insertSpaces a true, ma non è cambiare le mie preferenze ...

EDIT 1:

ho trovato che il lavoro linguette in html file, ma non ts file ...

+1

Per gli altri che hanno colpito questa discussione; per correggere rapidamente le linee, evidenziare le linee (o 'Ctrl' +' A' per l'intero file) fai clic su 'Modifica'>' Avanzate'> 'Tabifica le linee selezionate'; tutti gli spazi (appropriati) nell'area selezionata verranno convertiti in schede. – JohnLBevan

+1

Non c'è Modifica> Avanzate per me. È una nuova funzionalità? –

risposta

39

Ci sono 3 opzioni:

// 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 rileva dal file, è necessario disattivarlo. Se non ha aiutato, controlla di non avere impostazioni con priorità più alta. Ad esempio, quando lo si salva in Impostazioni utente, potrebbe essere sovrascritto dalle impostazioni dell'area di lavoro presenti nella cartella del progetto.

Quando si desidera convertire ws esistenti per scheda, installare l'estensione dal Marketplace

EDIT:

Per convertire rientro esistente da spazi a schede colpito Ctrl+Shift+P e tipo:

>Convert indentation to Tabs 

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

+0

Hai ancora un problema con gli spazi che vengono inseriti al posto delle schede nei file TypeScript? –

51

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

Il nome può essere Tab Size o Spaces.

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

enter image description here

+0

Questo aspetto è esattamente lo stesso per me, tuttavia Pylint mostra ancora che il mio editor sta aggiungendo tab invece di 4 spazi. Ancora un'altra cosa che fa schifo minuti prima che tu lo aggiusti. –

6

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

+0

Questo è stato sicuramente il problema anche per me. Grazie! –

+0

Oh sì, questo è stato il vero problema per me. passare un sacco di tempo ad armeggiare attorno all'impostazione del codice VS. finalmente disabilitare questa estensione ha risolto il problema. – Avijeet

2

Qui di seguito sono le impostazioni funzionato bene per me,

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

Sopra impostazioni rifletteranno e applicata ad ogni file. Non è necessario indentare/formattare ogni file manualmente.