مُولد إعدادات ESLint
مرشد
مُولد إعدادات ESLint
يُولِّد تكوينًا جاهزًا لمشروعك في ثوانٍ. اختر الإطار، نسخة اللغة، البيئات، وشدة القواعد، ثم نسخ الناتج مباشرة إلى مخزنك. يدعم التكوين المسطح (ESLint v9+) والتكوين القديم المستخدم في إصدار ESLint v8.eslint.config.js، إصدار ESLint v9+ .eslintrc.json الذي يستخدمه إصدار ESLint v8.
كيفية استخدام
- اختر تنسيق التكوين: مسطح (ESLint v9+) أو قديم (.eslintrc.json).
- اختر الإطار الذي تستخدمه — جافاسكريبت بسيطة، نود، ريت، نكست جي، فيو 3، أو تي بى سى.
- اختر مُرشد شكل اختياري (Airbnb، Standard، Google، Prettier) للاستفادة منه.
- أضف دعم تي بى سى إذا كان نظامك يجمع بين جافاسكريبت وتي بى سى.
- قم بتعديل خيارات اللغة، البيئات، وشدة القواعد لتتناسب مع مُكوّنك.
- انسخ التكوين المُولّد وانسخه إلى
eslint.config.jsأو.eslintrc.json، ثم قم بتركيب الاعتمادات المُطبقة.
خصائص
- تنسيقات مسطحة وقديمة – يُصدر إما
eslint.config.jsلـ ESLint v9+ أو.eslintrc.jsonلـ v8. - مُعدّات الإطار – جافاسكريبت بسيطة، نود، ريت، نكست جي، فيو 3، وتى بى سى مع مُلحقات صحيحة وتكوينات مُوصى بها.
- مُرشدات الشكل – تكامل اختياري لـ Airbnb، Standard (من خلال neostandard للتكوين المسطح)، Google، وPrettier.
- مُفاتيح القواعد المشتركة – تحكم مُختار في شدة القواعد لـ
semi,quotes,indent,no-unused-vars,no-console,eqeqeq,prefer-constو، وno-var. - أوامر التثبيت – يُطبّق أوامر التثبيت المناسبة
npm install -Dلإظهار بدقة الأطراف التي يجب إضافتها. - تعليقات داخلية – تعليقات توضيحية اختيارية بجانب كل خيار بحيث يصبح التكوين وسيلة توثيق.
- من جانب العميل فقط – كل شيء يعمل في المتصفح؛ لا يتم رفع أي كود.
التعليمات
-
ما الفرق بين التكوين المسطح والتكوين القديم .eslintrc؟
التكوين المسطح هو ملف جافاسكريبت واحد يُصدر مصفوفة (أو ناتج مساعدين مثل tseslint.config()). استعانت بعدها في إصدار ESLint v9 وتم استخدام التصديرات الحقيقية بدل التصديرات النصية، مما يجعله أسهل في التفكير فيه ويُستخدم بشكل أفضل مع المودولات المُدمجة. نظام التكوين القديم .eslintrc لا يزال يعمل في إصدار v8 لكنه لم يعد الافتراضي في الإصدارات الحديثة.
-
لماذا يجب تطبيق Prettier في النهاية؟
يُوقف تكوين eslint-config-prettier القواعد التي تتعارض مع مُعدّل Prettier، لذا فإن تطبيقه في النهاية يضمن أن تُوقف هذه القواعد بغض النظر عن ما تم تفعيله في التكوينات السابقة. إذا وضعنا Prettier مبكرًا، فقد يُمكن لتكوين لاحق أن يُعيد تفعيل قاعدة تعارض مع Prettier، مما يؤدي إلى أخطاء تحليلية مزعجة في الكود المُصاغ بشكل جيد.
-
ما الذي يفعله خيار env / globals؟
يُخبر المُحلِّل بوجود المتغيرات المُعرفة مسبقًا، لذا لا يُعاقب القواعد مثل no-undef على وجودها. البيئة المتصفح تضيف window، document، fetch، إلخ؛ البيئة نود تضيف process، require، __dirname. بدون إعلان المتغيرات المُعرفة بشكل صحيح، قد يُصنف الكود المُسموح به كمُشير إلى متغير غير معرف.
-
ما الفرق بين شدة error، warn، وoff؟
إذا تم تعيين القاعدة على error، فإن ESLint يُغلق بحالة غير صفرية، مما يُفشل خطط التحقق التلقائي والهياكل المُقدمة قبل التسليم. إذا تم تعيين القاعدة على warn، فإن الرسالة تُعرض ولكن لا تؤثر على بناء المشروع. تعيين off يُوقف القاعدة بالكامل. معظم الفرق تُحتفظ بـ error لقواعد الدقة في الكود وتعمل على warn للاختلافات في الشكل أو التحولات التي لم تُعدّ للاجبار.
تثبيت ملحقاتنا
أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع
恵 وصلت لوحة النتائج!
لوحة النتائج هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا!
أدوات يجب تجربتها
عرض الكلشارك
ساعدنا على الاستمرار في تقديم أدوات مجانية قيمة
