javascript - 为什么 Prettier 将我的 JSON 对象分成多行？

Question

Prettier 很棒，但它将我的 javascript 对象分成多行，如下所示：

<Text
    style={
        styles.chineseText
    }
>
    {
        this.state
            .housePayload
            .sitMountain
            .chinese
    }
</Text>

我希望结果类似于：

<Text
    style={
        styles.chineseText
    }
>
    { this.state.housePayload.sitMountain.chinese }
</Text>

我怎样才能做到这一点？我当前的配置文件是：

{
    "trailingComma": "es5",
    "tabs": true,
    "tabWidth": 4,
    "semi": false,
    "singleQuote": true
}

标签： javascriptjsxprettier

Answer 1

您应该printWidth在配置中尝试。默认为80，您可以指定任何适合您的数字。例如：

printWidth: 100

从文档

这是一种大致告诉 Prettier 你希望线条有多长的方式。Prettier 将制作更短和更长的线条，但通常会努力满足指定的 printWidth。

但同样重要的是要注意：

不要试图像使用printWidthESLint 一样使用max-len它们——它们不一样。max-len只是说允许的最大行长度是多少，而不是通常首选的长度是多少——这是 printWidth指定的。