reactjs - VSCode 在 React 代码中的 HTML 标签内添加空格

Question

当我将代码保存在 VS Code 下方时，开始从地面学习 React，并将其格式化为图像中的样子。

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 Formatter 是原因，卸载它并使用 prettier 解决了这个问题。

标签： reactjsvisual-studio-codeformatlinter

Answer 1

我通过以下步骤解决了：

• 安装 Prettier-Code 格式化程序。
• 在设置中禁用默认的 HTML 格式化程序。
• 之后重新启动你的 VS-Code。

更多详情请查看以下链接：

如何禁用默认的 HTML 格式化程序。