使用Prettier JS时保留then（）catch（）格式

Question

我刚开始使用PrettierJS插件VSCode，我正在寻找一种方式来保护我的服务电话（以及随后的承诺），我的代码格式。

我知道你可以在代码块之前添加//prettier-ignore注释以保留代码模式，但是因为我在我的应用程序中执行此操作，所以我不想在任何地方添加注释行。

现在，我的代码块看起来像这样：

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

但是，当我做Prettier格式命令时，我得到了这个：

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

我想要一种方法来保持我的代码块不被改变而不使用//prettier-ignore注释。

Answer 1

Prettier现在自动在单独的行中打破3个或更多函数的链（当前版本，因为我写的是1.9.1），因此格式与OP请求的有点不同：

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

但是如果你想要强制它破解，如果你只有2个函数，那么有一个hack就是添加注释，Prettier会自动打破它：

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