पाठ 5 / 25
ESLint और Prettier को एकीकृत करना
ESLint और Prettier को बिना conflicts के एक साथ काम करें।
Conflict समस्या
ESLint और Prettier conflict कर सकते हैं: ESLint quotes की जांच करता है, Prettier उन्हें अलग तरीके से लागू करता है। ESLint के formatting rules को disable करने के लिए eslint-config-prettier का उपयोग करें।
Conflict-free सेटअप
eslint-config-prettier को स्थापित करें और इसे अपने extends list में आखिरी में जोड़ें।
npm install --save-dev eslint-config-prettier
# Then in .eslintrc.json, add to extends array:
"extends": ["eslint:recommended", "prettier"]
Output:
eslint-config-prettier installed and configured
क्रम महत्वपूर्ण है
अपने extends array में हमेशा 'prettier' को आखिरी में रखें। यह सुनिश्चित करता है कि Prettier config ESLint formatting rules को override करे।
त्वरित जाँच
त्वरित जाँच: eslint-config-prettier को क्यों install करें?
- ESLint और Prettier को formatting पर conflict करने से रोकने के लिए।
- Prettier को तेज़ बनाने के लिए।
- नए ESLint rules को enable करने के लिए।
Answer
ESLint और Prettier को formatting पर conflict करने से रोकने के लिए। — eslint-config-prettier ESLint rules को disable करता है जो Prettier के साथ conflict करते हैं, यह सुनिश्चित करते हुए कि वे सामंजस्यपूर्वक काम करें।