更漂亮/埃斯林特在括号后保持换行符

Question

我最近研究了使用Prettier来帮助保持一致的代码结构。我找到了Prettier VSCode插件，并看到它还有一个使用Prettier-eslint的选项。在大多数情况下，这很棒，但是Prettier做的一件事真的让我发疯。

假设我在 React 组件上的render函数中有这个：

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

这正是我希望代码格式化的方式，但 Prettier 一直将其变成这样：

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

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

是否有一个选项可以关闭它，或者我可以这样做的某种插件(对于更漂亮和/或 Eslint)？我四处搜索，但找不到任何完全涵盖这一点的东西。

谢谢！

Answer 1

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

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

https://prettier.io/docs/en/option-philosophy.html

以下是所有可用选项的列表：https://prettier.io/docs/en/options.html

现在看起来更漂亮是行业标准，带来JS开发