Prettier 在 VS Code 中 JSX 标签的尖括号前后添加空格答案

【问题标题】：Prettier Adds Space Before and After Angle Brackets of Tags in JSX in VS CodePrettier 在 VS Code 中 JSX 标签的尖括号前后添加空格
【发布时间】：2018-10-31 11:56:02
【问题描述】：

我正在尝试在保存后美化 jsx 文件，但 prettier 在 <> 之间添加空格。例如，<p> 更改为< p >，这会在jsx 上引发问题

const elem = <h1> Hello React </h1>;
    console.log(elem);

到

const elem = < h1 > Hello React < /h1>;
console.log(elem);

请告诉我如何解决这个问题

【问题讨论】：

标签： visual-studio-code prettier

【解决方案1】：

您是否也安装了Beautify？记录与该扩展程序的已知冲突存在问题。

要解决此问题，请将以下内容添加到您的工作区配置中：

"beautify.ignore": [
    "**/*.js",
    "**/*.jsx"
]

【讨论】：