# ESLint और Prettier को एकीकृत करना — ESLint और Prettier: Code Quality और Formatting

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

> अपने flat config में eslint-config-prettier अंत में जोड़कर ESLint और Prettier के टकराव रोकें।

## Conflict समस्या

जब ESLint formatting भी जाँचता है तो ESLint और Prettier टकरा सकते हैं। `eslint-config-prettier` उन ESLint rules को बंद कर देता है जो Prettier से टकराते हैं। Prettier को अलग चरण के रूप में चलाएँ।

## Conflict-free सेटअप

eslint-config-prettier install करें और उसे अपने flat config array में अंत में रखें।

```bash
npm install --save-dev eslint-config-prettier

// eslint.config.js
import js from '@eslint/js';
import prettier from 'eslint-config-prettier';

export default [
  js.configs.recommended,
  // ...other configs
  prettier, // last: turns off conflicting formatting rules
];
```

Output:

```
eslint-config-prettier installed and configured
```

## क्रम महत्वपूर्ण है

`prettier` को हमेशा config array में अंत में रखें ताकि वह पहली entries के टकराने वाले rules बंद कर सके।

त्वरित जाँच

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

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

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