पाठ 25 / 27
Interview प्रश्न और Cheat Sheet
मुख्य ESLint और Prettier अवधारणाओं को commands की cheat sheet और आम interview प्रश्नों के साथ दोहराएँ।
सामान्य interview प्रश्न
ESLint को क्यों use करें? Prettier और ESLint में अंतर कैसे है? Conflicts को कैसे रोकें? Custom rule क्या है? Pre-commit hooks को कैसे set up करें?
Quick reference
Quick lookup के लिए essential commands और config snippets।
# Install
npm install --save-dev eslint @eslint/js prettier eslint-config-prettier
# Configure (creates eslint.config.js)
npm init @eslint/config@latest
echo '{ "singleQuote": true }' > .prettierrc
# Run
npx eslint .
npx prettier --check .
# Fix
npx eslint . --fix
npx prettier --write .
# Hooks (Husky v9)
npm install --save-dev husky lint-staged
npx husky init
echo "npx lint-staged" > .husky/pre-commit
Output:
Essential commands for ESLint and Prettier workflow
Essentials को याद रखें
- ESLint errors को find करता है, Prettier format करता है। 2. Conflicts को रोकने के लिए eslint-config-prettier का उपयोग करें। 3. Configs को git में commit करें। 4. --fix का उपयोग करें और save पर format करें। 5. CI/CD में चलाएँ।
त्वरित जाँच
त्वरित जाँच: कौन-सी config entry अंत में होनी चाहिए ताकि वह formatting rules बंद कर सके?
- एक plugin
- js.configs.recommended
- eslint-config-prettier
- ignores
Answer
eslint-config-prettier — Prettier को extends में आखिरी में होना चाहिए ताकि यह ESLint के formatting rules के साथ किसी भी conflict को resolve करे।