Prettier/Eslint 在括号后保持换行符

Question

我最近研究了使用Prettier来帮助维护一致的代码结构。我找到了Prettier VSCode 插件，发现它还有一个使用Prettier-eslint 的选项。在大多数情况下，它都很棒，但是 Prettier 所做的一件事确实让我抓狂。

假设我在renderReact 组件的函数中有这个：

return (
    <button
        onClick={
            (e) => {console.log('Hello, world!');}
        }
    >
        Click Me
    </button>
);

这正是我想要的代码格式，但 Prettier 不断将其变成这样：

return (
    <button
        onClick={(e) => {
            console.log('Hello, world!');
        }}
    >
        Click Me
    </button>
);

因此，它删除了左括号之后和右括号之前的换行符。

是否有一个选项可以关闭此功能，或者我可以使用某种插件（对于 Prettier 和/或 Eslint）？我四处搜寻，但找不到任何能完全涵盖这一点的内容。

谢谢！

Answer 1

您可能不会喜欢这个问题的答案。Prettier 旨在阻止这种类型的自定义代码风格。它不是有意可定制的。

“到目前为止，采用 Prettier 的最大原因是停止所有正在进行的风格争论。”

Prettier现在似乎已经成为行业标准，带来了JS开发