如何为 javascript/react 使用美化?

IT技术 javascript html reactjs visual-studio-code js-beautify
2021-05-07 00:10:34

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

它变成了这样:

在此处输入图片说明

进入这个: 在此处输入图片说明

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

3个回答

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

希望我帮助了你。

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

VSCode 命令: ( Ctrl + KM)

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

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

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