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

【问题标题】：vs code alters jsx when saving .js filevs代码在保存.js文件时改变jsx
【发布时间】：2017-07-15 19:53:37
【问题描述】：

我正在尝试学习一些 React，并且我有一个 js 文件 client.js。我在文件中有一个非常简单的类，只是试图返回一行。我正在使用 Visual Studio Code。

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 中。我做错了什么？

【问题讨论】：

您是否安装了任何扩展程序？
看看react-beautify
您好。请禁用 VSCode 中安装的所有不需要的扩展。这些扩展有时会弄乱代码格式。更新到最新的 VSCode。 Webstorm 也是一个很棒的 JavaScript 应用程序 IDE。它支持 JSX 和 React。

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

如果您使用的是 Beautify 扩展程序，请禁用它。它会工作得很好。

【讨论】：