Editor / IDE के साथ Integration

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 क्या करता है?

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