ESLint और Prettier को एकीकृत करना

Conflict समस्या

जब ESLint formatting भी जाँचता है तो ESLint और Prettier टकरा सकते हैं। eslint-config-prettier उन ESLint rules को बंद कर देता है जो Prettier से टकराते हैं। Prettier को अलग चरण के रूप में चलाएँ।

Conflict-free सेटअप

eslint-config-prettier install करें और उसे अपने flat config array में अंत में रखें।

npm install --save-dev eslint-config-prettier

// eslint.config.js
import js from '@eslint/js';
import prettier from 'eslint-config-prettier';

export default [
  js.configs.recommended,
  // ...other configs
  prettier, // last: turns off conflicting formatting rules
];

Output:

eslint-config-prettier installed and configured

क्रम महत्वपूर्ण है

prettier को हमेशा config array में अंत में रखें ताकि वह पहली entries के टकराने वाले rules बंद कर सके।

त्वरित जाँच

त्वरित जाँच: eslint-config-prettier को क्यों install करें?

• Prettier को तेज़ बनाने के लिए।
• नए ESLint rules को enable करने के लिए।
• Prettier को पहले चलाने के लिए
• ESLint और Prettier को formatting पर conflict करने से रोकने के लिए।