Güzel-eslint, eslint-eklenti-güzel ve eslint-config-güzel arasındaki fark nedir?

Prettier ve ESLint'i birlikte kullanmak istiyorum, ancak birbiri ardına kullanarak bazı çatışmalar yaşadım. Birlikte kullanılmalarına izin veren şu üç paket olduğunu görüyorum:

• prettier-eslint
• eslint-plugin-prettier
• eslint-config-prettier

Ancak, bu paket adlarının tümü eslintve içerdiğinden hangisini kullanacağımdan emin değilim prettier.

Hangisini kullanmalıyım?

ESLint gibi birçok kural ve güzel ile biçimlendirme-ilişkili kudreti çatışma olanlar içerir arrow-parens, space-before-function-parenvb Dolayısıyla bazı sorunlara neden olur onları bir arada kullanarak. ESLint ve Prettier'ı birlikte kullanmak için aşağıdaki araçlar oluşturulmuştur.

Stack Overflow tablo formatını desteklemediğinden, özet olarak tablo formatında bir karşılaştırma yazdım . Daha fazla organizasyon tercih ediyorsanız kontrol edin.

prettier-eslint: Çalıştırır prettiersonra çalıştırın eslint --fixkodu. eslintgenellikle ilgili kuralları biçimlendirmek için otomatik düzeltmelere sahiptir ve eslint --fixPrettier tarafından getirilen çakışan biçimlendirmeyi düzeltebilir. prettierKomutu ayrı olarak çalıştırmanıza gerek yoktur .

eslint-plugin-prettier: Bu bir ESLint eklentisidir, yani ESLint'in kontrol edeceği ek kurallar için uygulama içerir. Bu eklenti, başlık altında Prettier kullanır ve kodunuz Prettier'in beklenen çıktısından farklı olduğunda sorunları ortaya çıkarır. Bu sorunlar aracılığıyla otomatik olarak düzeltilebilir --fix. Bu eklenti ile prettierkomutu ayrı ayrı çalıştırmanıza gerek yoktur, komut eklentinin bir parçası olarak çalıştırılır. Bu eklenti, biçimlendirmeyle ilgili kuralları kapatmaz ve bu tür kurallar için manuel olarak veya aracılığıyla çakışmalar görürseniz bunları kapatmanız gerekecektir eslint-config-prettier.

eslint-config-prettier: Bu bir ESLint yapılandırmasıdır ve kurallar için yapılandırmalar içerir (belirli kuralların açık, kapalı veya özel yapılandırmalar olup olmadığı). Bu yapılandırma, Prettier ile çakışabilecek eslint-config-airbnbbiçimlendirmeyle ilgili kuralları kapatarak Prettier'ı diğer ESLint yapılandırmalarıyla kullanmanıza olanak tanır . prettier-eslintPrettier, kodunuzu biçimlendirdikten sonra ESLint şikayet etmeyeceği için bu yapılandırma ile kullanmanız gerekmez . Bununla birlikte, prettierkomutu ayrı ayrı çalıştırmanız gerekecektir .

Umarım bu farklılıkları özetler.

Güncelleme: Prettier'in biçimlendirmeyi ve biçimlendirme dışı sorunlar için ESLint'i işlemesine izin vermek önerilen uygulamadır prettier-eslint, bu uygulama ile aynı yönde prettier-eslintdeğildir , bu nedenle artık önerilmez. eslint-plugin-prettierVe eslint-config-prettierbirlikte kullanabilirsiniz .