पाठ 13 / 25

Editor / IDE के साथ Integration

अपने 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 करें।

# 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 मिले।

त्वरित जाँच

त्वरित जाँच: formatOnSave क्या करता है?

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

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