Visual Studio Code format is not using indent settings

Question

When using the Format Code command in Visual Studio Code  it is not honoring my indent settings   editor tabSize   2   It is using a tab size of 4 instead  Any ideas why this is happening   Thanks

User · Answer

Most likely you have some formatting extension installed, e.g. JS-CSS-HTML Formatter.

If it is the case, then just open Command Palette, type "Formatter" and select Formatter Config. Then edit the value of "indent_size" as you like.

P.S. Don't forget to restart Visual Studio Code after editing :)

User · Answer

If you came here from google because tab isnt indenting  this can also be because  Tab Moves Focus  is on  It is at the bottom right  and if you have a large enough monitor you may miss it despite it being highlighted     Click the Green area or Ctrl   M to make it stop  I m not sure it can be disabled entirely  then again I dont know why a code editor would want to mess with something like indenting

User · Answer

Visual Studio Code detects the current indentation per default and uses this - ignoring the  editorconfig  Set also   editor detectIndentation  to false    Files -  Preferences -  Settings

User · Answer

Also make sure your Workspace Settings aren t overriding your User Settings  The UI doesn t make it very obvious which settings you re editing and  quot File  gt  Preferences  gt  Settings quot  defaults to User Settings even though Workspace Settings trump User Settings   You can also edit Workspace settings directly    vscode settings json

User · Answer

I think vscode is using autopep8 to format  py by default    PEP 8 -- Style Guide for Python Code   Python org   According to this website  the following may explain why vscode always use 4 spaces      Use 4 spaces per indentation level

User · Answer

If you re using a plugin  in my case Vetur  for vue js   these may set their own tab formatting settings   Open your settings  search for  format  and look through relevant plugin settings that may be overwriting the global tab format  This worked for me  once I updated Vetur tab settings to match my preference  4-size tabs in my case   formatting  vue documents started to work properly

User · Answer

the settings below solved my issue     editor detectIndentation   false     editor insertSpaces   false     editor tabSize   2

User · Answer

I sometimes have this same problem  VSCode will just suddenly lose it s mind and completely ignore any indentation setting I tell it  even though it s been indenting the same file just fine all day   I have editor tabSize set to 2  as well as editor formatOnSave set to true   When VSCode messes up a file  I use the options at the bottom of the editor to change indentation type and size  hoping something will work  but VSCode insists on actually using an indent size of 4   The fix  Restart VSCode  It should come back with the indent status showing something wrong  in my case  4   For me  I had to change the setting and then save for it to actually make the change  but that s probably because of my editor formatOnSave setting   I haven t figured out why it happens  but for me it s usually when I m editing a nested object in a JS file  It will suddenly do very strange indentation within the object  even though I ve been working in that file for a while and it s been indenting just fine

User · Answer

Disable all plugins  then enable one by one and verify

User · Answer

The VSCode plugin Vetur  used for VueJS applications was overriding the setting for me    Setting vetur format options tabSize to my preferred number of spaces made it work

User · Answer

I had a similar problem -- no matter what I did I couldn t get the tabsize to stick at 2  even though it is in my user settings -- that ended up being due to the EditorConfig extension  It looks for a  editorconfig file in your current working directory and  if it doesn t find one  or the one it finds doesn t specify root true   it will continue looking at parent directories until it finds one   Turns out I had a  editorconfig in a parent directory of the dir I put all my new code projects in  and it specified a tabSize of 4  Deleting that file fixed my issue

User · Answer

If  Maleki s answer isn t working for you  check and see if you have an  editorconfig file in your project folder   For example the Angular CLI generates one with a new project that looks like this    Editor configuration  see http   editorconfig org root   true      charset   utf-8 indent style   space indent size   2 insert final newline   true trim trailing whitespace   true     md  max line length   off trim trailing whitespace   false   Changing the indent size here is required as it seems it will override anything in your  vscode workspace or user settings

User · Answer

For myself  this problem was caused by using the prettier VSCode plugin without having a prettier config file in the workspace   Disabling the plugin fixed the problem  It could have also probably been fixed by relying on the prettier config

User · Answer

The number of spaces to use for formatting is taken from a different location   I m using version 1 0 and this is what I ve done to fix it  I m assuming your using spaces instead of tabs    At the bottom of the editor on the right hand click  Spaces         Then a menu will appear up top   Select  Indent Using Spaces      Finally you can select by how many spaces you want your files to be indented     The next time you format a file you should be able to get the spacing you configured

[visual-studio-code] Visual Studio Code: format is not using indent settings

Examples related to visual-studio-code