how to use beautify for javascript/react?

问题

I have installed Beautify to use it for my react.js code. However, it apparently does not properly beautify the html format in the file. For example,

it turns this:

into this:

Among all the options, which option should I use to fix this ?

回答1:

I used to have the same problem. Apparently beautify doesn't support JSX. I uninstalled and instead of it, I installed Prettier, it works great for me.

Hope I helped you.

回答2:

Just change language mode javascript to javascript react [temporary]

VSCode Command: (Ctrl + KM)

Or Save file in .jsx format and change the settings.json file

"files.associations": {
    "*.jsx": "javascriptreact"
}

来源：https://stackoverflow.com/questions/52638793/how-to-use-beautify-for-javascript-react