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.
7 Answers
You disable it "Format On Save"
- Press Ctrl + <
- Search "Format On Save" It's must be disabled.
To expand on Tuxedo Joe's answer, your issue might be with your formatter extension:
Check if "Format On Save" is disabled
- Press Ctrl + <
- Search "Format On Save". Set to disabled.
Disable formatting on save in formatter.json:
- Press F1
- Enter "Formatter Config"
- In
formatter.jsonset "onSave" to false - Save
formatter.json - Restart VSCode
select language mode by clicking on your bottom right hand from javascript/html to react
First of all, check whether 'Format on Safe' is enabled or not.
- Cntrl + < , (or File > Preferences > Settings)
- Search 'Format on Safe',
- Disable 'Format on Safe'.
If you've got it disabled, check the format text. It's probably that you've got javascript or html format. Change it to 'react' or 'javascript react' format.
- 'Select Language Mode',
- Search 'react',
- Select 'react', 'javascript react' or 'typescript react'.
In my case it was due to enabled Default HTML formatter:
Push Ctrl + >, then Extentions > HTML:
Screenshot:
Related