javascript - 如何为 javascript/react 使用美化？

Question

我已安装 Beautify 以将其用于我的 react.js 代码。但是，它显然没有正确美化文件中的 html 格式。例如，

它变成了这样：

进入这个：

在所有选项中，我应该使用哪个选项来解决这个问题？

Answer 1

我曾经有同样的问题。显然美化不支持 JSX。我卸载了它，而不是它，我安装了 Prettier，它对我很有用。

希望我对你有所帮助。

Answer 2

只需将语言模式javascript 更改为 javascript react [临时]

VSCode 命令： ( Ctrl + KM)

或以.jsx格式保存文件并更改settings.json文件

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

Answer 3

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