Miten mukauttaa tabulaattorin ja välilyönnin välinen muuntokerroin Visual Studio Codea käytettäessä?
Esimerkiksi juuri nyt HTML:ssä se näyttää tuottavan kaksi välilyöntiä TAB -näppäimen painallusta kohti, mutta TypeScriptissä se tuottaa 4 välilyöntiä.
Oletusarvoisesti Visual Studio Code yrittää arvata sisennysvaihtoehtosi avatun tiedoston mukaan.
Voit ottaa sisennyksen arvauksen pois käytöstä valitsemalla "editor.detectIndentation": false
.
Voit mukauttaa tätä helposti näiden kolmen asetuksen avulla Windowsille valikossa File → Preferences → User Settings ja Macille valikossa Code → Preferences → Settings tai ⌘,
:
// 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
Minulla on käytössä versio 1.21, mutta uskon, että tämä voi koskea myös aiempia versioita.
Katso näytön oikeaa alareunaa. Sinun pitäisi nähdä jotain, jossa lukee Spaces
tai Tab-Size
.
Omassani näkyy välilyönnit, --> 1
Spaces
(tai Tab-Size
).Indent Using Spaces
tai Indent using Tabs
.Tämä toimii vain dokumenttikohtaisesti, ei koko projektin tasolla. Jos haluat soveltaa sitä koko projektin laajuisesti, sinun on myös lisättävä "editor.detectIndentation": false
käyttäjän asetuksiin.
Oletusarvoisesti Visual Studio Code tunnistaa automaattisesti nykyisen avoimen tiedoston sisennyksen. Jos haluat kytkeä tämän ominaisuuden pois päältä ja tehdä kaikki sisennykset esimerkiksi kahdella välilyönnillä, tee käyttäjäasetuksissa tai työtilan asetuksissa seuraavasti.
{
"editor.tabSize": 2,
"editor.detectIndentation": false
}