漂亮的VS代码在JSX中的标记的尖括号之前和之后添加了空间

Question

保存后我想美化一个jsx文件，但更漂亮地在<>之间添加空格。 例如<p>更改为< p > ，这在jsx上引起了问题

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

至

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

你能让我知道如何解决这个问题吗

Answer 1

您是否还同时安装了Beautify ？ 有一个问题记录了与该扩展名的已知冲突。

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

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