Hvordan tilpasse konverteringsfaktoren for tabulator til mellomrom?

Hvordan tilpasser jeg konverteringsfaktoren for tabulator til mellomrom når jeg bruker Visual Studio Code?

For eksempel, akkurat nå i HTML ser det ut til å produsere to mellomrom per trykk på TAB, men i TypeScript produserer det 4.

Løsning

Som standard vil Visual Studio Code prøve å gjette innrykkingsalternativene dine avhengig av filen du åpner.

Du kan slå av gjetting av innrykk via "editor.detectIndentation": false.

Du kan enkelt tilpasse dette via disse tre innstillingene for Windows i menyen FilePreferencesUser Settings og for Mac i menyen CodePreferencesSettings eller ⌘,:

// The number of spaces a tab is equal to. This setting is overridden
// 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
Kommentarer (4)

Jeg kjører versjon 1.21, men jeg tror dette kan gjelde tidligere versjoner også.

Ta en titt nederst til høyre på skjermen. Du bør se noe som sier Spaces eller Tab-Size.

Min viser mellomrom, --> ]1

  1. Klikk på Mellomrom (eller Tab-Size).
  2. Velg Indent Using Spaces eller Indent using Tabs.
  3. Velg antall mellomrom eller tabulatorer du ønsker.

Dette fungerer bare per dokument, ikke for hele prosjektet. Hvis du vil bruke det i hele prosjektet, må du også legge til "editor.detectIndentation": false i brukerinnstillingene dine.

Kommentarer (0)

Som standard oppdager Visual Studio Code automatisk innrykk i den gjeldende åpne filen. Hvis du vil slå av denne funksjonen og gjøre all innrykk, for eksempel to mellomrom, gjør du følgende i brukerinnstillingene eller arbeidsområdeinnstillingene.

{
    "editor.tabSize": 2,

    "editor.detectIndentation": false
}
Kommentarer (0)