# Editor / IDE के साथ Integration — ESLint + Prettier

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

> अपने development environment में ESLint और Prettier extensions का उपयोग करें।

## Real-time feedback

Editor extensions आपके type करते समय ESLint warnings/errors को inline show करते हैं, और Prettier आपकी file को save पर format कर सकता है—commands चलाए बिना instant feedback।

## VS Code setup

Extensions को install करें और automatic linting और formatting के लिए VS Code settings को configure करें।

```bash
# Extensions to install:
# 1. ESLint (Dirk Baeumer)
# 2. Prettier - Code Formatter (Prettier)

# VS Code settings.json:
{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "eslint.enable": true,
  "eslint.run": "onSave"
}
```

Output:

```
VS Code configured for ESLint and Prettier
```

## Workspace settings

.vscode/settings.json को अपने repo root में जोड़ें ताकि सभी टीम सदस्यों को स्वचालित रूप से एक ही editor configuration मिले।

त्वरित जाँच

**Quiz:** formatOnSave क्या करता है?

- [x] Save करने पर file को स्वचालित रूप से format करता है।
- [ ] यदि linting errors हैं तो save को रोकता है।
- [ ] File को cloud में upload करता है।

*Answer:* Save करने पर file को स्वचालित रूप से format करता है।. 'formatOnSave' developers के लिए convenient है जो Prettier को manual commands के बिना चलाना चाहते हैं।