如何防止 Visual Studio Code 將鏈式函數推送到新行？

Question

如何防止 Visual Studio Code 將鏈接的 JavaScript 函數推送到新行，如下面的 GIF 所示：

如您所見，它使代碼極難查看，並將簡單的if簽入擴展到多行。 我正在使用名為Prettier - Code Formatter的擴展程序，我查看了首選項並發現以下內容：

// Format a file on save. A formatter must be available, the file must not be 
//auto-saved, and editor must not be shutting down.
"editor.formatOnSave": false

當您點擊保存時，它會完全停止格式化。 我查看了其他選項，但找不到此設置。

上面的過程有名字嗎？

如何保留formatOnSave但防止它按原樣格式化？

Answer 1

似乎這是不可配置的（不確定是否會配置），這是此問題中 Github 帖子的直接副本：

此功能的建議行為是：

• 達到行長限制后換行
• 在 3 個鏈式方法之后換行
• 在可配置數量的鏈式方法之后包裝
• 當滿足兩個條件之一時換行：
  • 已達到行長限制
  • 用戶通過手動插入換行符來選擇加入它，比如對象文字

最初的實現是（1）。

當前的實現是（2）。

(3) 不太可能發生，因為 prettier 試圖避免配置。

由於希望最小化用戶輸入對 prettier 輸出的影響，因此共識反對 (4)。

我認為當前的實現 (2) 在大多數情況下是有意義的，但我發現自己經常需要 (4) 以至於我不再使用 prettier for JS。

基於此，目前沒有辦法修改這種行為，也沒有任何計划（截至撰寫本文時）。

絕對不是我想要的答案，但它就是給出的答案。

Answer 2

由於它作為一項功能在他們的GitHub 上，因此沒有選項可以從配置中更改它是有道理的。 有一種方法可以實現你想要的，只要你添加// prettier-ignore

Answer 3

不要/不使用更漂亮的，嘗試美化+ ESlint

這是一個嚴肅的答案，因為我試圖解決它很長時間。 但它真的無法修復。

Answer 4

VSCode 實際上並沒有使用 prettier，它很可能作為您的擴展之一溜走，或者作為 eslint 或提示設置啟用。 如果這發生在我身上。 在終端中試試這個：“code --disable-extensions”。