我最近考虑使用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)?我四处搜索但找不到任何完全涵盖此内容的内容 .

谢谢!