Visual Studio 代码更改格式 (React-JSX)

Question

我的 index.js 中有以下代码段

class App extends Component {
    render() {
        return ( <div style = { styles.app } >
            Welcome to React!
            </div>
        )
    }
}

代码有效，但每次我保存（ctrl+s）Visual Studio 时都会像这样格式化 jsx：

 class App extends Component {
    render() {
        return ( < div style = { styles.app } >
            Welcome to React!
            <
            /div>
        )
    }
}

我该如何解决这个问题？谢谢

原文由 omer727 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

最后，诀窍是将文件格式从 JavaScript 更改为底部工具栏上的 JavaScript React。我在这里发布它以供将来参考，因为我没有找到有关此主题的任何文档。

除了以上。如果您单击“为 .js 配置文件关联”，您可以将所有 .js 文件设置为 Javascript React

原文由 omer727 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

更改 vscode 首选项设置 > 下面的用户设置：

 "files.associations": {
        "*.js":"javascriptreact"
    }

原文由 dotdot 发布，翻译遵循 CC BY-SA 4.0 许可协议