Avoid auto indent when saving in Visual Studio Code

user_12361834 0
Viewed 5182

I want to avoid auto indent behaviour when I save a (javascript) file in Visual Studio Code without turning off complety auto indentation.

I have this code (and I would like to keep this indentation if possible):

const $tab_a = $('tab_a')
const $tab_b = $('tab_b')

;[$tab_a, $tab_b].forEach($e => $e.onclick = () => {
  if ($e.className) return
  $tab_a.classList.toggle('active')
  $tab_b.classList.toggle('active')
})

However, every time I save with Visual Studio Code it changes indentation like this:

const $tab_a = $('tab_a')
const $tab_b = $('tab_b')

  ;[$tab_a, $tab_b].forEach($e => $e.onclick = () => {
    if ($e.className) return
    $tab_a.classList.toggle('active')
    $tab_b.classList.toggle('active')
  })

I tried different settings in Visual Studio Code:

  1. Editor: Auto Indent (default: full) -> none
  2. Editor: Wrapping Indent (default: same) -> none
  3. All combinations and restarting VSCode

Unfortunatly any of them worked for me.

Any help will be really appreciate it.

Note: I'm not using extensions.

visual-studio-code indentation save javascript
3 Answers

To turn off formatting on save:

  1. Go to File | Preferences > Settings
  2. Type "save" in the search box
  3. In the list, choose Text Editor | Formatting
  4. Untick the box for Editor: Format On Save

That sets the "editor.formatOnSave" setting to false in settings.json.

When I did that, your example was left alone when I saved the file. (Whereas with the setting on, it gets reformatted as you describe in the question when I save it.)

user_1572470

check setting.json (ctrl+shift+p then choose 'Preferences: Open Settings (Json)' ) for:

"editor.formatOnSave": true/flase

it should be set by default to false but maybe some extension toggled to true so just change it back to false.

Hope that helps

user_106800390

I got the same problem, when I hit save for my js file it was indented with 4 spaces instead of 2.

I found this github thread File reformatting to 4 spaces for indentation on save. #28327

Then I searched for JS-CSS-HTML Formatter extension, which was installed, so I proceeded to configure it:

Press F1, enter Formatter Config, open the config file:

It will open the settings in a new tab and you just need to adjust the option indent_size from 4 to 2

user_29868810
Related