javascript - 使用Prettier J时保留then()catch()格式

我刚刚开始使用VSCode的PrettierJS插件，并且正在寻找一种方法来保留我的服务调用(以及后续的Promises)的代码格式。

我知道您可以在代码块之前添加//prettier-ignore注释以保留代码模式，但是由于我在整个应用程序中都这样做，因此我不想在任何地方添加该注释行。

现在，我的代码块如下所示:

       return this.thingService.addThing(newThing)
            .then(wonFunction)
            .catch(lostFunction);

但是当我执行“更漂亮的格式”命令时，我得到了:

    return this.accessData.addRight(newRight).then(wonAddAccessRight).catch(lostAddAccessRight);

我想要一种不使用//prettier-ignore注释就可以防止更改代码块的方法。

最佳答案

现在，Prettier会自动在单独的行中中断3个或更多函数的链(我正在编写的当前版本是1.9.1)，因此格式与OP要求的格式略有不同:

return this.accessData
  .addRight(newRight)
  .then(wonAddAccessRight)
  .catch(lostAddAccessRight);

但是，如果您只想强制中断它，而只有两个功能，那么可以添加注释，Prettier会自动破坏它:

return promise // force break
  .then(didResolve)
  .catch(didReject);