# कोड गुणवत्ता उपकरणों का परिचय — ESLint + Prettier

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

> समझें कि ESLint और Prettier पेशेवर विकास के लिए क्यों महत्वपूर्ण हैं।

## मुख्य विचार

**ESLint और Prettier** पूरक उपकरण हैं: ESLint त्रुटियों को पकड़ता है और कोड गुणवत्ता को लागू करता है, जबकि Prettier formatting को संभालता है। एक साथ वे consistency सुनिश्चित करते हैं और बग को जल्दी पकड़ते हैं।

## Workflow देखें

ESLint त्रुटियों की जांच करता है, Prettier कोड को format करता है। वे आपकी विकास pipeline में एक साथ काम करते हैं।

![ESLint और Prettier workflow diagram।](assets/figures/eslint-prettier/eslint-prettier-workflow.svg) — चित्र 1.1 — पूर्ण गुणवत्ता workflow।

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

Consistent कोड merge conflicts को रोकता है, readability में सुधार करता है, और bugs को स्वचालित रूप से पकड़ता है। ESLint और Prettier का उपयोग करने वाली टीमें कोड review में कम समय बिताती हैं।

त्वरित जाँच

**Quiz:** ESLint और Prettier के बीच मुख्य अंतर क्या है?

- [x] ESLint त्रुटियों को पकड़ता है; Prettier कोड को format करता है।
- [ ] वे एक ही काम करते हैं।
- [ ] Prettier त्रुटियों को पकड़ता है; ESLint कोड को format करता है।

*Answer:* ESLint त्रुटियों को पकड़ता है; Prettier कोड को format करता है।. ESLint एक linter (गुणवत्ता जांचकर्ता) है, Prettier एक कोड formatter है। वे एक दूसरे की पूरक हैं।