Hvordan endre innrykk i Visual Studio Code?

For hver typescript-fil bruker Visual Studio-koden en automatisk innrykk på 8 mellomrom. Dette er litt for mye for min smak, men jeg finner ikke hvor jeg kan endre det.

Kanskje det er tilgjengelig som en innstilling, men under et annet navn, da jeg ikke kan finne noe relatert til innrykk.

OPPDATERING

Jeg bruker for øyeblikket Prettier code formatter og det løser alle formateringsproblemer ved automatisk formatering ved lagring (hvis det ikke er noen syntaksfeil)

Løsning

I verktøylinjen nederst til høyre vil du se et element som ser ut som følgende: . Når du klikker på det, får du muligheten til å rykke inn ved hjelp av enten mellomrom eller tabulator. Når du har valgt innrykkstype, får du muligheten til å endre hvor stort innrykket skal være. I eksemplet ovenfor er innrykk satt til 4 mellomrom per innrykk. Hvis tabulator er valgt som innrykkstegn, vil du se Tabulatorstørrelse i stedet for Mellomrom.

Hvis du vil at dette skal gjelde for alle filer og ikke for hver enkelt fil, overstyrer du Editor: Tab Size og Editor: Insert Spaces innstillingene i enten User Settings eller Workspace Settings avhengig av dine behov.

Rediger 1

For å komme til bruker- eller arbeidsområdeinnstillingene, gå til Preferences -> Settings. Kontroller at du er på fanen Bruker eller Arbeidsområde, avhengig av dine behov, og bruk søkefeltet for å finne innstillingene. Det kan også være lurt å deaktivere Editor: Detect Indentation da denne innstillingen vil overstyre det du angir for Editor: Insert Spaces og `Editor: Tabulatorstørrelse" når den er aktivert.

Kommentarer (12)

For å endre innrykk basert på programmeringsspråk:

  1. Åpne kommandopaletten (Ctrl+Shift+P)

  2. Preferanser: Konfigurer språkspesifikke innstillinger... (kommando-id: workbench.action.configureLanguageBasedSettings)

  3. Velg programmeringsspråk (for eksempel TypeScript)

  4. Legg til denne koden:

    "[typescript]": {
        "editor.tabSize": 2
    }

Se også: VS Code Docs1.

Kommentarer (2)

Det kan også være lurt å sette editor.detectIndentation til false, i tillegg til Elliot-Js svar.

VSCode vil overskrive innstillingene for editor.tabSize og editor.insertSpaces per fil hvis den oppdager at en fil har et annet tabulator- eller mellomromsmønster. Du kan støte på dette problemet hvis du legger til eksisterende filer i prosjektet ditt, eller hvis du legger til filer ved hjelp av kodegeneratorer som Angular Cli. Innstillingen ovenfor hindrer VSCode i å gjøre dette.

Kommentarer (0)