How to make VS Code recognise HTML syntax in return React

Question

I am using React to build a front end, using the create-react-app package to generate a boilerplate. When going into any js file that has embedded HTML, when I save, the HTML goes all askew, everything compiles correctly, but the formatting looks horribly off. The image below shows how my code looks after save...

I know I could go to my settings and set

"editor.formatOnSave": true

However, I lose formatting on saving on all other files, which I would prefer to have.

Are there any extensions/settings so that when I save a js file with embedded HTML that it formats the HTML code?

Check the same issue here – stackoverflow.com/questions/44993808/… — chuve
– chuve, Commented Sep 4, 2017 at 20:33
@chuve Yes, it was an installed formatting extension Beautify causing this, noticed just before you posted your comment — mcclosa
– mcclosa, Commented Sep 4, 2017 at 20:35

mcclosa · Accepted Answer · 2017-09-04 20:34:53Z

1

I found the cause of this for anyone that may come across it.

The extension Beautify was causing the code for format incorrectly.

answered Sep 4, 2017 at 20:34

mcclosa

1,5059 gold badges36 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to make VS Code recognise HTML syntax in return React

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related