vs 代码在保存 .js 文件时改变 jsx

Question

我正在尝试学习一些 React，我有一个 js 文件，client.js。我在文件中有一个非常简单的 class，只是试图 return 一行。我正在使用 Visual Studio 代码。

class Layout extends React.Component {
render() {
    return ( 
        <h1>Hello World!!</h1>
    );
  }
}

但是，每次我在 VS Code 中保存文件时，它都会将 jsx 行更改为以下内容。

class Layout extends React.Component {
    render() {
        return ( <
            h1 > Hello World!! < /h1>
        );
    }
}

我可以将它保存在记事本之类的东西中，但不能保存在 VS Code 中。我做错了什么？

Answer 1

更新到最新版本的 VS Code 并尝试将文件重命名为 jsx 而不是 js。 VS Code 适用于 jsx 文件

Answer 2

现在在编辑器的右下角有一个切换开关，可以用来切换语言模式（对于打开的.js文件，点击Javascript，输入"react"并选择Javascript React)，但这必须针对每个文件单独完成。但是，您可以将文件保留为 .js。

Answer 3

如果您正在使用 Beautify 扩展程序，请将其禁用。它会很好用。

vs code alters jsx when saving .js file