VSCode - Disable ALL Auto Formatting on Save

Did you try adding

"editor.formatOnSave": false

in your user settings rather than in your project settings?

Had the same problem, just bind 'cmd + s' to saving without formatting. press cmd+shift+p then search for save without formatting and click on the configure icon, then bind it with 'cmd + s', problem gone :)

In the case it is ESLint, and not Prettier, the solution is:

Open Preferences: Open Settings (JSON) and configure:

"editor.formatOnSave": false,
"editor.codeActionsOnSave": {
    "source.fixAll": false,
    "source.fixAll.eslint": false
}

I don't have Prettier but the solution may be similar.

In my case, I uninstalled prettier and was using html-css-js code formatter. I had already unchecked format on save, and had tried many other methods. I finally changed a setting in formatter.json (settings of html-css-js formatter) and then it worked.

Steps:

1. ctrl + shift + P
2. Formatter Config
3. If "onSave": true, change true to false
4. Save the formatter.json and reload window.

This worked for me. I can use auto-save after this as well.

I came across this problem a while back. I disabled the formatOnSave option in settings.

Goto File > Preferences > Settings or Ctrl + ,. In User tab choose Text editor and navigate

to Formatting, disable the formatOnSave option.

YW!

Perhaps this plugin called Formatting Toggle by tombonnike can help you.

It disables the autosave with a toggle.

From its description:

A VS Code extension that allows you to toggle the formatter (Prettier, Beautify, …) ON and OFF with a simple click.

In my case I had two default code formatters that had conflicting settings, "prettier" was set not to format on save but JS-CSS-HTML Formatter was still set as my default formatter for some file types. I suggest using only one formatter and removing any unused / conflicting ones from your extensions list.

The way I used was to:

1. Open a file type ( one that's giving you formatting on save issues. )

2. Click on the file type and select "Configure 'yourFiletype' language based settings.. from the dropdown.

3. Delete the line that sets your default formatter: ex) "editor.defaultFormatter": "lonefy.vscode-JS-CSS-HTML-formatter"

4. Then go back to your file and try formatting normally, ( my hotkey is: alt + shift+ f ), it should prompt you to select your default formatter.

This should help minimize conflicting formatters issues.

I've just stumbled across this question while experiencing the exact same problem. The way I solved it, was just to switch the language of the document to plain text (you can do so by clicking on the language in the bottom navigation bar). If you then hit "save", no reformatting happens.

Disadvantage: You get no syntax highlighting. But if you just want to fix a typo or something and don't want to mess with the settings or install an extension, it's probably an ok workaround.

Save without Formatting

The ideal solution to this would just be to use the "Save without Formatting" command.

This can be executed by either:

• Selecting it in the command palette: CTRL + SHIFT + P
• Doing the keyboard shortcut: CTRL + K, S

This lets you save files, bypassing any formatters that may run automatically.

Format on Save

You might want to disable auto-formatting entirely. You might just not like it, or because it can be annoying when paired with files.autoSave which saves automatically, and therefore formats automatically too.

First check your global settings and see if you have editor.formatOnSave enabled. If so, then disable it.

You can navigate to your settings by either:

• Navigating the menu bar: File → Preferences → Settings
• Doing the keyboard shortcut: CTRL + ,

Then search for editor.formatOnSave and disable it.

If it's still auto-formatting, then it might be enabled in workspace settings. Check if the root of the workspace has a file at .vscode/settings.json, and if so, if it has editor.formatOnSave. If it does, then either disable it there or just delete the file to stop it from overriding your global settings.

Other Extensions

Check if any other extensions are performing code actions on save. Other answers here cover this topic a bit, but in general, you can just navigate through your setting and search terms like "save" or "format".

All UI navigation and keyboard shortcuts are taken from the Linux installation, they may vary on other platforms.

Go to C:\Users[user]\AppData\Roaming\Code\User

and change the editor.formatOnSave option to false.

Thanks to Guillermo's answer.

In VScode Goto File -> Preferences -> Settings -> (User tab) Text Editor -> Formatting -> Here uncheck the Format On Save