Prettier / Eslint在支架后保持换行符

Question

我最近考虑使用Prettier来帮助维护一致的代码结构。我找到了Prettier VSCode plugin并看到它还可以选择使用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>
);

因此，它会在开始括号之后和结束括号之前删除换行符。

是否可以选择关闭它，或者我可以这样做的某种插件（对于Prettier和/或Eslint）？我四处搜索，但找不到任何完全涵盖此内容的内容。

谢谢！

Answer 1

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

“到目前为止，采用Prettier的最大理由是停止所有有关样式的持续辩论。”

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

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

更漂亮的东西现在已成为行业标准，带来了JS开发