title: How to make VS Code recognise HTML syntax in return React
body: <p>I am using React to build a front end, using the <code>create-react-app</code> 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...</p>
  
  <p><a href="https://i.stack.imgur.com/3hJtp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3hJtp.png" alt="enter image description here"></a></p>
  
  <p>I know I could go to my settings and set</p>
  
  <p><code>"editor.formatOnSave": true</code></p>
  
  <p>However, I lose formatting on saving on all other files, which I would prefer to have.</p>
  
  <p>Are there any extensions/settings so that when I save a js file with embedded HTML that it formats the HTML code?</p>