Beautify 让 JSX 变得丑陋，请看下面的场景。 我尝试了上一个问题的解决方案，但没有成功

Question

VSCode 中的美化扩展给出了下面的 output。 请在下面找到代码。

<div className="container">
            <span className="text-muted">
                 An amazing place to buy medicines.
            </span>
        </div>

当我尝试美化上述代码时，我得到以下 output。

    < div className = "container" >
        <
        span className = "text-muted" >
        An amazing place to buy medicines. <
        /span> <
        /div>

请提出解决方案？ 我们正在寻求在我们的项目中实施标准编码实践似乎在这里遇到了障碍。

Answer 1

你试过这个吗？ : https://stackoverflow.com/a/61740593/260229

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