如何使用美化的javascript /反应?

时间:2018-10-04 03:58:27

标签: javascript html reactjs visual-studio-code js-beautify

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

它变成这样:

enter image description here

到此: enter image description here

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

2 个答案:

答案 0 :(得分:2)

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

希望我能帮到你。

答案 1 :(得分:1)

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

VSCode命令: Ctrl + K M

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

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