# इंस्टॉलेशन और प्रोजेक्ट सेटअप — ESLint और Prettier: Code Quality और Formatting

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

> npm से ESLint और Prettier install करें और ESLint init wizard से शुरुआती configuration बनाएँ।

## शुरुआत करना

दोनों उपकरणों को npm के माध्यम से स्थापित करके शुरू करें। ESLint linting के लिए आधार प्रदान करता है, जबकि Prettier अलग से formatting को संभालता है।

## इंस्टॉलेशन आजमाएँ

दोनों उपकरणों को स्थापित करें और ESLint configuration को शुरू करें।

```bash
npm install --save-dev eslint prettier
npm init @eslint/config@latest
```

Output:

```
✔ How would you like to use ESLint?
✔ What type of modules does your project use?
✔ Which framework does your project use?
✔ Does your project use TypeScript?
✔ Where does your code run?
✔ What format do you prefer for your config file?
Successfully created .eslintrc.json
```

## आम सेटअप समस्या

Configuration चरण न छोड़ें। सवालों के जवाब देने और `eslint.config.js` अपने-आप बनवाने के लिए `npm init @eslint/config@latest` चलाएँ।

त्वरित जाँच

**Quiz:** `npm init @eslint/config` क्या करता है?

- [x] सेटअप सवाल पूछकर config file बनाता है
- [ ] केवल Prettier install करता है
- [ ] node_modules हटाता है
- [ ] आपके tests चलाता है

*Answer:* सेटअप सवाल पूछकर config file बनाता है. यह ESLint configuration scaffold करता है।