javascript - 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）？我四处搜寻，但找不到任何完全涵盖这一点的东西。

谢谢！

score 2 · Accepted Answer

你可能不会喜欢这个问题的答案。这是 Prettier 旨在阻止的事情类型，自定义代码样式。它不是故意定制的。

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

Prettier 似乎是现在的行业标准，带来 JS 开发

1 回答 1