我想知道如何防止 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 只会将您的代码分成新行