如何让 Prettier 忽略一段代码？

Question

假设我们有一行代码：

 const a = 'a'; const b = 'b';

我们不希望它成为 Prettier 的格式化程序。

到目前为止我已经尝试过：

1)

 // prettier-ignore
const a = 'a'; const b = 'b';

 // prettier-ignore-start
const a = 'a'; const b = 'b';
// prettier-ignore-end

在这两种情况下，它都会转化为：

 const a = 'a';
const b = 'b';

那么如何忽略一段代码呢？

原文由 Onkeltem 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

有时可以将多个语句包装在一个块中，并在其前面加上 // prettier-ignore ：

 // prettier-ignore
{
abcRouter('/api/abc', server);
xRouter  ('/api/x', server);
}

当然，这对于块级 const 声明没有意义，但你写的不是你的实际代码，只是一个例子。所以这是一种在某些情况下但并非在所有情况下都有效的解决方案。总的来说，策略是将多个东西包装在一个东西中，可以是 prettier-ignore d。

另一种选择是将所有您不想格式化的代码（例如，因为它是生成的）移动到 .prettierignore 排除的单独文件。

prettier-ignore-start 和 prettier-ignore-end 仅在 Markdown 中 受支持。

原文由 thorn0 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您可以忽略目前不支持的代码块，您的选择是仅使用 // prettier-ignore

下面的例子：

 // prettier-ignore
const a = 'a';
const b = 'b';

// prettier-ignore
function xyz() {
 console.log({a, b})
}

已知问题 -> https://github.com/prettier/prettier/issues/5287

文档 -> https://prettier.io/docs/en/ignore.html#javascript

原文由 STEEL 发布，翻译遵循 CC BY-SA 4.0 许可协议