पाठ 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 के बिना चलाना चाहते हैं।