讓我們面對現(xiàn)實：JavaScript 和 TypeScript 開發(fā)人員喜歡爭論工具。

制表符還是空格？分號與否？現(xiàn)在，這個古老的（JavaScript 年代）問題：我應該使用 ESLint、Prettier 還是兩者都使用？

這是一份友好的指南，可以幫助您理解這種瘋狂，其中充滿了幽默感和大量對開發(fā)人員友好的見解。

認識競爭者

ESLint：偵探

ESLint 是您出色的隊友，他不僅會發(fā)現(xiàn)錯誤，還會主動提供有關您的代碼風格的建議。

它是一個靜態(tài)代碼分析工具，可確保您的代碼正常運行并且遵循規(guī)則（當然是您的規(guī)則）。

更漂亮：美容師

Prettier 就像那個朋友，他會整理你凌亂的頭發(fā)，而不問你是否喜歡它。

這是固執(zhí)己見、無情的，而且都是關于格式化你的代碼以使其看起來干凈和一致。

你可能不同意它的所有決定，但至少它是一致的！

他們做什么

主要區(qū)別：

• ESLint 是大偵探福爾摩斯：它會捕獲那些偷偷摸摸的未使用變量或意外的全局范圍聲明。
• Marie Kondo 更漂亮：它會整理你的代碼，但不關心是否存在錯誤。

為什么 Prettier 存在

Prettier 的誕生是因為格式化辯論消耗了寶貴的時間和精力。

if關鍵字后面應該有空格嗎？行長應該是 80 還是 100？ Prettier 說：“閉嘴，讓我來處理?！?/p>

它以一致的方式重新打印您的整個代碼庫，使空格和選項卡上的自行車棚成為過去。

權衡？可配置性較低——你只能堅持 Prettier 認為最好的。 （劇透：通常沒問題。）

但是 ESLint 也格式化......對吧？

是的，但事情是這樣的：

• ESLint 的格式化規(guī)則可能與 Prettier 發(fā)生沖突。
• 在一個工具中維護代碼質量規(guī)則和格式規(guī)則......很混亂。

ESLint 開發(fā)人員自己也承認，結合 linting 和格式化并不理想。

引入 Prettier：一個專用格式化程序，可以減輕 ESLint 肩上的格式化負擔。

您應該同時使用兩者嗎？

黃金法則

使用 Prettier 進行格式化。使用 ESLint 來保證代碼質量。

如何讓他們打得好

1. 安裝 eslint-config-prettier。這會禁用可能與 Prettier 沖突的 ESLint 格式規(guī)則。
2. 將其添加到您的 .eslintrc 配置中：

   {
     "extends": [
       "eslint:recommended",
       "plugin:prettier/recommended"
     ]
   }

1. 讓 Prettier 格式化您的代碼，讓 ESLint 捕獲真正的錯誤。

你還需要更漂亮嗎？

如果您：

• 討厭關于格式規(guī)則的長時間爭論?
• 希望整個團隊保持一致的代碼 ?
• 使用高度固執(zhí)己見的 ESLint 配置（如 Airbnb）并對它的格式感到滿意 - 也許不是。

Prettier 在一致性至上的大型團隊中表現(xiàn)出色。但如果您單獨工作或者已經(jīng)對 ESLint 的格式感到滿意，那么您可能不需要它。

比較表：ESLint 與 Prettier

最后的想法

• ESLint 是您代碼的安全網(wǎng)。它可以捕獲錯誤、實施最佳實踐并確保質量。
• Pretty是你的和平守護者。它可以停止關于格式的爭論，并使您的代碼看起來整潔有序。

TL;DR

使用 Prettier 來格式化。使用 ESLint 來分析。如果您有疑問，請記住：工具的存在是為了讓您的生活更輕松，而不是更困難。

選擇最適合您的團隊和您的理智的方法。

祝您編碼愉快，愿您的 linting 和格式永遠和諧！

---

我一直在開發(fā)一個超級方便的工具，叫做 LiveAPI。

它旨在讓開發(fā)人員輕松編寫 API 文檔。

使用LiveAPI，您可以快速生成交互式API文檔，允許用戶直接從瀏覽器執(zhí)行API。

如果您厭倦了為 API 手動創(chuàng)建文檔，這個工具可能會讓您的生活變得更輕松。

以上是ESLint 與 Prettier：代碼庫的大辯論的詳細內容。更多信息請關注PHP中文網(wǎng)其他相關文章！