使格式更漂亮，如 eslint答案

【问题标题】：Make prettier to format like eslint使格式更漂亮，如 eslint
【发布时间】：2021-08-31 08:35:24
【问题描述】：

我看到很多与我的问题有关的问题，但根据我的发现，人们希望 eslint 忽略 prettier 的规则。
就我而言，我希望更漂亮地具有与 eslint 相同的行为。

我想要这种格式

const bar = foo.fn()
.then(() => ...)
.then(() => ...)
.catch(() => ...);

在 .eslintrc 中

"rules" : [ "indent": ["error", 2, { "MemberExpression": 0, "SwitchCase": 1 }] ]

但是像这样格式化我的代码更漂亮

const bar = foo.fn()
  .then(() => ...)
  .then(() => ...)
  .catch(() => ...);

是否可以像 eslint 一样让格式更漂亮？

【问题讨论】：

更漂亮的是opinionated, on purpose。你可以搜索“Prettier function chaining”，看到 1. 很多人喜欢缩进链式函数，2. Prettier 没有也不打算为此添加选项。
除了少数config options 之外，您无法制作与它所做的不同的更漂亮的格式。请参阅prettier.io/docs/en/option-philosophy.html 我不得不说您要求的格式没有多大意义。为什么续行会与上面的行处于同一水平？让人难以阅读
@TheJim01 谢谢我不知道。
@JuanMendes 缩进时我很难阅读。链式方法与第一个方法处于同一级别，那么为什么要缩进呢？但是……这只是我的意见。不管怎么说，还是要谢谢你。我将禁用 prettier。
参数是缩进的，但右括号不是，然后，链式方法将像参数一样缩进。这在 IMO 中没有任何意义。

【解决方案1】：

prettier 和eslint --fix 有不同的配置选项，prettier 大多是自以为是的，所以很难配置它们来做同样的事情，但是可以在 prettier 和this tool 之后自动运行eslint --fix。

【讨论】：