How to change indentation in Visual Studio Code?

formatting visual-studio-code
HMR picture HMR · Dec 9, 2015 · Viewed 356k times · Source

For every typescript file visual studio code uses an auto indentation of 8 spaces. This is a bit too much for my taste but I can't find where to change it.

Maybe it's available as a setting but under a different name as I can't find anything related to indentation.

UPDATE

I'm currently using the Prettier code formatter and that solves all formatting problems by auto formatting on save (if there is no syntax error)

Answer

elliot-j picture elliot-j · Jul 24, 2016

In the toolbar in the bottom right corner you will see a item that looks like the following: enter image description here After clicking on it you will get the option to indent using either spaces or tabs. After selecting your indent type you will then have the option to change how big an indent is. In the case of the example above, indentation is set to 4 space characters per indent. If tab is selected as your indentation character then you will see Tab Size instead of Spaces

If you want to have this apply to all files and not on an idividual file basis, override the Editor: Tab Size and Editor: Insert Spaces settings in either User Settings or Workspace Settings depending on your needs

Edit 1

To get to your user or workspace settings go to Preferences -> Settings. Verify that you are on the User or Workspace tab depending on your needs and use the search bar to locate the settings. You may also want to disable Editor: Detect Indentation as this setting will override what you set for Editor: Insert Spaces and Editor: Tab Size when it is enabled

Related questions

How do you change the formatting options in Visual Studio Code?

I know you can Format Code using Ctrl+F / Cmd+F in Visual Studio Code but how do you change the formatting options for each language? For example, in Visual Studio 2013 I can choose compact mode for CSS. Is there …

Read More
How do I set up VSCode to put curly braces on a new line?

Let's say I type in the following code and format it. if (condition) { /* Hello! */ } If this is C# code, it is formatted like this: if (condition) { // Hello! } If it is JavaScript, VSCode formats it like this: if (condition) { // Hello! } So …

Read More
How do I format all files in a Visual Studio Code project?

Is there a way to format all files in a project without formatting each one individually?

Read More