VSCode在Reaction代码内的HTML标记内添加空格 [英] VSCode adds spaces inside HTML tags inside React code

问题描述

开始学习在我保存下面的代码时从头开始的反应，而不是将代码格式化为图像中的格式。

ReactDOM.render(
    <div>
        <h1> Hi there  {name} </h1> 
        <p>  your lucky number is {num} </p>
    </div>,
    document.getElementById("root")
);

VSCode中格式化的示例代码使用空格换行：

我用谷歌搜索了一下，但过了一段时间后我意识到是文件格式导致了这个问题。

感谢Guillermo，原因是VSCode扩展JS-CSS-HTML格式化程序，请将其卸载并改用SPARTIER解决问题。

推荐答案

我通过以下步骤解决：

• 安装更漂亮的代码格式化程序。
• 禁用设置中的默认HTML格式化程序。
• 之后，重新启动您的VS-Code。

有关更多详细信息，请查看下面的链接：

How to disable the default HTML formatter.

这篇关于VSCode在Reaction代码内的HTML标记内添加空格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！