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

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

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

認(rèn)識(shí)競(jìng)爭(zhēng)者

ESLint：偵探

ESLint 是您出色的隊(duì)友，他不僅會(huì)發(fā)現(xiàn)錯(cuò)誤，還會(huì)主動(dòng)提供有關(guān)您的程式碼風(fēng)格的建議。

它是一個(gè)靜態(tài)程式碼分析工具，可確保您的程式碼正常運(yùn)作並且遵循規(guī)則（當(dāng)然是您的規(guī)則）。

更漂亮：美容師

Prettier 就像那個(gè)朋友，他??會(huì)整理你凌亂的頭髮，而不問你是否喜歡它。

這是固執(zhí)己見、無情的，而且都是關(guān)於格式化你的程式碼以使其看起來乾淨(jìng)和一致。

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

他們做什麼

主要區(qū)別：

• ESLint 是福爾摩斯：它會(huì)捕捉那些偷偷摸摸的未使用變數(shù)或意外的全域範(fàn)圍宣告。
• Marie Kondo 更漂亮：它會(huì)整理你的程式碼，但不關(guān)心是否有錯(cuò)誤。

為什麼 Prettier 存在

Prettier 的誕生是因?yàn)楦袷交q論消耗了寶貴的時(shí)間和精力。

if關(guān)鍵字後面應(yīng)該有空格嗎？行長(zhǎng)應(yīng)該是 80 還是 100？ Prettier 說：「閉嘴，讓我來處理。」

它以一致的方式重新列印您的整個(gè)程式碼庫，使空格和選項(xiàng)卡上的自行車棚成為過去。

權(quán)衡？可配置性較低——你只能堅(jiān)持 Prettier 認(rèn)為最好的。 （劇透：通常沒問題。）

但是 ESLint 也格式化......對(duì)吧？

是的，但事情是這樣的：

• ESLint 的格式化規(guī)則可能與 Prettier 發(fā)生衝突。
• 在一個(gè)工具中維護(hù)程式碼品質(zhì)規(guī)則和格式規(guī)則......很混亂。

ESLint 開發(fā)者自己也承認(rèn)，結(jié)合 linting 和格式化並不理想。

引入 Prettier：一個(gè)專用格式化程序，可以減輕 ESLint 肩上的格式化負(fù)擔(dān)。

您應(yīng)該同時(shí)使用兩者嗎？

黃金法則

使用 Prettier 進(jìn)行格式化。使用 ESLint 來保證程式碼品質(zhì)。

如何讓他們打得好

1. 安裝 eslint-config-prettier。這會(huì)停用可能與 Prettier 衝突的 ESLint 格式規(guī)則。
2. 將其新增至您的 .eslintrc 配置：

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

1. 讓 Prettier 格式化您的程式碼，讓 ESLint 捕捉真正的錯(cuò)誤。

你還需要更漂亮嗎？

如果您：

• 討厭關(guān)於格式規(guī)則的長(zhǎng)時(shí)間爭(zhēng)論?
• 希望整個(gè)團(tuán)隊(duì)保持一致的程式碼 ?
• 使用高度固執(zhí)己見的 ESLint 配置（如 Airbnb）並對(duì)它的格式感到滿意 - 也許不是。

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

比較表：ESLint 與 Prettier

最後的想法

• ESLint 是您程式碼的安全網(wǎng)。它可以捕獲錯(cuò)誤、實(shí)施最佳實(shí)踐並確保品質(zhì)。
• Pretty是你的和平守護(hù)者。它可以停止關(guān)於格式的爭(zhēng)論，並使您的程式碼看起來整潔有序。

TL;DR

使用 Prettier 來格式化。使用 ESLint 來分析。如果您有疑問，請(qǐng)記?。汗ぞ叩拇嬖谑菫榱俗屇纳罡p鬆，而不是更困難。

選擇最適合您的團(tuán)隊(duì)和您的理智的方法。

祝您編碼愉快，願(yuàn)您的 linting 和格式永遠(yuǎn)和諧！

---

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

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

使用LiveAPI，您可以快速產(chǎn)生互動(dòng)式API文檔，允許使用者直接從瀏覽器執(zhí)行API。

如果您厭倦了為 API 手動(dòng)建立文檔，這個(gè)工具可能會(huì)讓您的生活變得更輕鬆。

以上是ESLint 與 Prettier：程式庫的大辯論的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！