使用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);