我想知道如何防止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. 搜索"Prettier">
3. 查找名为"更漂亮:打印宽度"的配置
4. 并根据您的需要更改它!

如果你想让你的代码保持在同一行，给它更大的值。只有当代码超出给定的配置

时，才会将代码分成新的行。