# ESLint और Prettier को एकीकृत करना — ESLint + Prettier

Source: https://www.geekswithgeeks.com/hi/eslint-prettier/eslint-prettier-05

> ESLint और Prettier को बिना conflicts के एक साथ काम करें।

## Conflict समस्या

ESLint और Prettier conflict कर सकते हैं: ESLint quotes की जांच करता है, Prettier उन्हें अलग तरीके से लागू करता है। ESLint के formatting rules को disable करने के लिए eslint-config-prettier का उपयोग करें।

## Conflict-free सेटअप

eslint-config-prettier को स्थापित करें और इसे अपने extends list में आखिरी में जोड़ें।

```bash
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 करे।

त्वरित जाँच

**Quiz:** eslint-config-prettier को क्यों install करें?

- [x] ESLint और Prettier को formatting पर conflict करने से रोकने के लिए।
- [ ] Prettier को तेज़ बनाने के लिए।
- [ ] नए ESLint rules को enable करने के लिए।

*Answer:* ESLint और Prettier को formatting पर conflict करने से रोकने के लिए।. eslint-config-prettier ESLint rules को disable करता है जो Prettier के साथ conflict करते हैं, यह सुनिश्चित करते हुए कि वे सामंजस्यपूर्वक काम करें।