मैं Prettier और ESLint का एक साथ उपयोग करना चाहता हूं, लेकिन मैंने कुछ संघर्षों का अनुभव किया। मैं देख रहा हूं कि ये तीन पैकेज हैं जो उन्हें अग्रानुक्रम में उपयोग करने की अनुमति देते हैं:
prettier-eslinteslint-plugin-prettier eslint-config-prettierहालांकि, मैं अनिश्चित हूं कि इन पैकेज नामों के रूप में उपयोग करने के लिए सभी होते हैं eslintऔर prettier।
मुझे कौन सा उपयोग करना चाहिए?
जवाबों:
ESLint जैसे कई नियमों और उन है कि सुंदर के साथ प्रारूपित से संबंधित हो सकता है संघर्ष कर रहे हैं, शामिल हैं arrow-parens, space-before-function-parenआदि इसलिए उन्हें एक साथ का उपयोग कर कुछ मुद्दों का कारण होगा। ESLint और Prettier को एक साथ उपयोग करने के लिए निम्नलिखित उपकरण बनाए गए हैं।
मैंने एक सारणी में सारणीबद्ध प्रारूप में तुलना लिखी है , क्योंकि स्टैक ओवरफ्लो तालिका स्वरूपण का समर्थन नहीं करता है। यदि आप अधिक संगठन पसंद करते हैं, तो इसे देखें।
prettier-eslint: रन prettierतो eslint --fixकोड पर चलाते हैं । eslintआमतौर पर संबंधित नियमों को प्रारूपित करने के लिए स्वचालित सुधार होते हैं, और eslint --fixप्रिटियर द्वारा शुरू किए गए परस्पर विरोधी स्वरूपण को ठीक करने में सक्षम होंगे। आपको prettierअलग से कमांड चलाने की आवश्यकता नहीं होगी ।
eslint-plugin-prettier: यह एक ESLint प्लगइन है, जिसका अर्थ है कि इसमें अतिरिक्त नियमों के लिए कार्यान्वयन है जो ESLint के लिए जाँच करेगा। यह प्लगइन हूड के नीचे प्रीटीयर का उपयोग करता है और जब आपका कोड प्रेटीयर के अपेक्षित आउटपुट से अलग होता है, तो मुद्दे उठाएंगे। उन मुद्दों के माध्यम से स्वचालित रूप से तय किया जा सकता है --fix। इस प्लगइन के साथ, आपको prettierअलग से कमांड चलाने की आवश्यकता नहीं है , कमांड को प्लगइन के भाग के रूप में चलाया जा रहा है। यह प्लगइन स्वरूपण-संबंधित नियमों को बंद नहीं करता है, और यदि आप ऐसे नियमों को मैन्युअल रूप से या उसके माध्यम से देखते हैं, तो आपको उन्हें बंद करना होगा eslint-config-prettier।
eslint-config-prettier: यह एक ESLint कॉन्फ़िगरेशन है, और इसमें नियमों के लिए कॉन्फ़िगरेशन (चाहे कुछ नियम चालू हों, बंद हों या विशेष कॉन्फ़िगरेशन हों) शामिल हैं। यह कॉन्फ़िगरेशन आपको अन्य ESLint कॉन्फ़िगरेशन के साथ Prettier का उपयोग करने की अनुमति देता है जैसे eslint-config-airbnbकि स्वरूपण-संबंधित नियमों को बंद करके जो Prettier के साथ संघर्ष कर सकता है। इस कॉन्फ़िगरेशन के साथ, आपको उपयोग करने की आवश्यकता नहीं है, prettier-eslintक्योंकि ESLint आपके कोड को प्रीटियर प्रारूप के बाद शिकायत नहीं करेगा। हालाँकि, आपको prettierअलग से कमांड चलाने की आवश्यकता होगी ।
आशा है कि इस अंतर को पूरा करता है।
अद्यतन: यह गैर-स्वरूपण मुद्दों के लिए प्रेटियर को प्रारूपण और ESLint को संभालने देने के लिए अनुशंसित अभ्यास है, prettier-eslintउस अभ्यास के समान दिशा में prettier-eslintनहीं है , इसलिए अब अनुशंसित नहीं है। आप उपयोग कर सकते हैं eslint-plugin-prettierऔर eslint-config-prettierएक साथ।
eslint-config-prettier, हमें प्रीटियर चलाने की आवश्यकता क्यों है? eslint --fixकोड को उसी तरह से प्रारूपित नहीं करेगा जैसा कि पूर्ववर्ती होगा?