我想知道如何防止 Prettier 以這種奇怪的形式格式化我的 js 代碼

Question

我開始在我的 Microsoft Visual Studio Code (MVSC) 中使用 Prettier，但是，在格式化 javascript 文件時，我得到了一些奇怪的格式。

例如，如果我有這個代碼：

    if ($("#epgprogramdescription" + channelListIndexOffset + ":nth-of-type(" + (programListIndexOffset + 1) + ")" ).length) {
        $("#epgprogramdescription" + channelListIndexOffset + ":nth-of-type(" + programListIndexOffset + ")").removeClass("epgtablerowselected");
        $("#epgprogramdescription" + channelListIndexOffset + ":nth-of-type(" + (programListIndexOffset + 1) + ")").addClass("epgtablerowselected");
    } else {
        programListIndexOffset--;
    }

它被格式化為：

    if (
        $(
            "#epgprogramdescription" +
                channelListIndexOffset +
                ":nth-of-type(" +
                (programListIndexOffset + 1) +
                ")"
        ).length
    ) {
        $(
            "#epgprogramdescription" +
                channelListIndexOffset +
                ":nth-of-type(" +
                programListIndexOffset +
                ")"
        ).removeClass("epgtablerowselected");
        $(
            "#epgprogramdescription" +
                channelListIndexOffset +
                ":nth-of-type(" +
                (programListIndexOffset + 1) +
                ")"
        ).addClass("epgtablerowselected");
    } else {
        programListIndexOffset--;
    }

有什么方法可以配置 Prettier 以保持原始格式？

謝謝。

Answer 1

如果您的代碼超出您的打印寬度配置，Prettier 將始終嘗試給它換行。

您可以通過訪問 vscode 設置來更改它

1. 轉到文件 -> 首選項 -> 設置
2. 搜索“更漂亮”
3. 尋找名為“Prettier: Print Width”的配置
4. 並根據您的需要進行更改！

如果您希望代碼保持在同一行，則賦予它更大的價值。 如果代碼超過給定的配置，Prettier 只會將您的代碼分成新行