Visual studio code changes format (React-JSX)

Question

I\'ve the following snippet in my index.js

class App extends Component {
    render() {
        return ( 

            Welc         


        
      

Answer 1

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary. include : JavaScript TypeScript Flow JSX JSON CSS SCSS Less HTML Vue Angular GraphQL Markdown YAML https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode