VSCode Ctrl + S

Question

I am working on a React project using a Visual Studio Code. When I press Ctrl+S in the Visual Studio Code to save file, it removes all the JavaScript formatting or scatters all the code in the file.

Any help would be appreciated.

Answer 1

Try disable extensions for auto-formatting javascript code. Sometimes Beautify, JS-CSS-HTML Formatter can mess things up.

Maybe auto-formatting is on in settings as well. Check File > Preferences > Settings and look at the "User settings"-tab. Look if "editor.formatOnSave" is set to 'true', change that to 'false' in that case.

Hope that helps. If not, please send a list of your activated extensions.

Answer 2

You disable it "Format On Save"

1. Press Ctrl + <
2. Search "Format On Save" It's must be disabled.

Answer 3

To expand on Tuxedo Joe's answer, your issue might be with your formatter extension:

Check if "Format On Save" is disabled

1. Press Ctrl + <
2. Search "Format On Save". Set to disabled.

Disable formatting on save in formatter.json:

1. Press F1
2. Enter "Formatter Config"
3. In formatter.json set "onSave" to false
4. Save formatter.json
5. Restart VSCode

Answer 4

select language mode by clicking on your bottom right hand from javascript/html to react