為什么 Prettier 將我的 JSON object 分成多行？

Question

Prettier 很棒，但它將我的 javascript object 分成多行，如下所示：

<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
}

Answer 1

您應該在配置中嘗試printWidth 。 默認值為80 ，您可以指定任何適合您的數字。 例如：

printWidth: 100

從文檔

這是一種大致告訴 Prettier 你希望線條有多長的方式。 Prettier 將制作更短和更長的線條，但通常會努力滿足指定的 printWidth。

但同樣重要的是要注意：

不要嘗試像使用printWidth的max-len一樣使用 printWidth——它們不一樣。 max-len只是說最大允許的行長度是多少，但不是通常首選的長度是多少——這是printWidth指定的。