如何为 Javascript/React 使用美化？

Question

I have installed Beautify to use it for my ReactJS 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?

Answer 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.

Answer 2

Just change language mode javascript to javascript react [temporary]

VSCode Command: ( Ctrl + K M )

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

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

Answer 3

对于那些仍在为此苦苦挣扎的人，还有 js-beautify 的-X ( --e4x )选项，它告诉它保持 XML 内容不变。

Answer 4

You can even use this website for beautify your codes

visit this website https://beautifierjs.com/ and then copy your codes here

it just in 2 seconds beautify or minify your javascript codes I hope it helps you