Hoe inspringing veranderen in Visual Studio Code?

Voor elk typescript bestand gebruikt Visual Studio Code een automatische inspringing van 8 spaties. Dit is een beetje te veel naar mijn smaak maar ik kan niet vinden waar ik het kan veranderen.

Misschien is het beschikbaar als een instelling maar onder een andere naam want ik kan niets vinden dat met inspringen te maken heeft.

UPDATE

Ik'gebruik momenteel de Prettier code formatter en dat lost alle opmaakproblemen op door automatisch op te maken bij het opslaan (als er geen syntaxisfout is)

HMR
Bewerkte vraag 21ste3 november 2019 в 9:19
Programmering
formatting visual-studio-code
9de2 december 2015 в 8:40
11 views
Oplossing

In de werkbalk in de rechterbenedenhoek ziet u een item dat er als volgt uitziet: Nadat u hierop geklikt hebt, krijgt u de optie om in te springen met spaties of tabs. Nadat je het type inspringing hebt gekozen, heb je de mogelijkheid om de grootte van de inspringing aan te passen. In het voorbeeld hierboven is het inspringen ingesteld op 4 spaties per inspringing. Indien tab is geselecteerd als uw inspringingsteken, dan ziet u Tabgrootte in plaats van Spaties

Als je dit voor alle bestanden wilt laten gelden en niet voor elk bestand afzonderlijk, pas dan de Editor: Tab Size en Editor: Insert Spaces instellingen in User Settings of Workspace Settings, afhankelijk van uw behoeften

Bewerken 1

Om naar uw gebruikers- of werkruimte-instellingen te gaan, gaat u naar Voorkeuren -> Instellingen. Controleer of u op het Gebruiker of Werkruimte tabblad bent, afhankelijk van uw behoeften en gebruik de zoekbalk om de instellingen te vinden. U kunt ook Editor: Inspringing detecteren uit te schakelen, omdat deze instelling de instellingen voor Editor: Spaties invoegen en Editor: Tabgrootte als deze is ingeschakeld

elliot-j
Bewerkt antwoord 2de2 oktober 2019 в 4:29
Commentaren (12)

Om de inspringing te veranderen op basis van de programmeertaal:

  1. Open het Opdrachtpalet (Ctrl+Shift+P)

  2. Voorkeuren: Configureer taalspecifieke instellingen... (command id: workbench.action.configureLanguageBasedSettings)

  3. Selecteer programmeertaal (bijvoorbeeld TypeScript)

  4. Voeg deze code toe:

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

Zie ook: VS Code Docs

Martin Schneider
Bewerkt antwoord 25ste3 juli 2019 в 3:05
Commentaren (2)

Je zou ook de editor.detectIndentation op false kunnen zetten, in aanvulling op Elliot-J's antwoord.

VSCode zal je editor.tabSize en editor.insertSpaces instellingen per bestand overschrijven als het detecteert dat een bestand een ander inspringpatroon heeft voor tabs of spaties. U kunt dit probleem tegenkomen als u bestaande bestanden toevoegt aan uw project, of als u bestanden toevoegt met behulp van code generators zoals Angular Cli. De bovenstaande instelling voorkomt dat VSCode dit doet.

Commentaren (0)