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

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

> अपने प्रोजेक्ट में ESLint और Prettier सेट अप करें।

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

दोनों उपकरणों को 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 step को छोड़ें मत। `npm init @eslint/config` चलाएँ setup प्रश्नों का उत्तर देने और .eslintrc.json को स्वचालित रूप से generate करने के लिए।

त्वरित जाँच

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

- [x] ESLint को स्थापित करता है और आपकी प्राथमिकताओं के साथ .eslintrc.json बनाता है।
- [ ] केवल ESLint को स्थापित करता है।
- [ ] मौजूदा configurations को हटाता है।

*Answer:* ESLint को स्थापित करता है और आपकी प्राथमिकताओं के साथ .eslintrc.json बनाता है।. config command आपकी परियोजना के प्रकार और प्राथमिकताओं के आधार पर एक tailored .eslintrc.json बनाता है।