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

Posted 2023-02-21

【中文标题】vs代码在保存.js文件时改变jsx

【英文标题】：vs code alters jsx when saving .js file

【发布时间】：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 文件

【讨论】：

将文件命名为 .jsx 确实对我有用。感谢您的信息。

【参考方案2】：

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

【参考方案3】：

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