如何防止 Visual Studio 代码在我的 JSX 中放置换行符？

Question

我正在尝试设置我的 Visual Studio 代码，以便在使用 React 编码时清理或美化我的 JSX/JS。

我安装了几个更漂亮的格式化插件。当我执行“格式化文档”时，它让我的代码看起来很糟糕。

这样的好东西：

  <Map
    style={{
      height: "100%",
      width: "100%",
      margin: "0 auto"
    }}
    center={position}
    zoom={10}>

变成这样的垃圾......

return ( <
            Map style = {
                {
                    height: "100%",
                    width: "100%",
                    margin: "0 auto"
                }
            }
            center = {
                position
            }
            zoom = {
                10
            } >
            <

我已经搜索了很多设置文件...是什么控制了这个？我打开Prettier: Jsx Bracket Same Line 是真的。我将字符宽度设置为宽。我关闭了任何换行符。老实说，我不知道为什么它让我的 jsx 看起来非常难以阅读。当我将相同的代码放入https://prettier.io/playground 时，它看起来很好。

什么设置将我的代码放在不同的行上？

Answer 1

这可以通过在 Visual Studio 代码编辑器中将 Select Language Mode 从 JavaScript 更改为 Javascript React 来解决强>