مجموعات القواعد الشائعة في المشاريع الواقعية
طبّق مجموعات قواعد ESLint + Prettier الشائعة في مشاريع المصادر المفتوحة ومشاريع الشركات لتوفير وقت الإعداد.
مجموعات القواعد الشائعة في المشاريع الواقعية درس مجاني في TypeScript Academy على CoddyKit. هذا هو الدرس 3 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في TypeScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة TypeScript Academy 3 دروس في المجموع.
مقدمة
الهدف: تعلّم كيفية استخدام مجموعات القواعد المجتمعية مثل airbnb وstandard وgoogle للحصول على نمط موحّد دون ضبط يدوي.
إعداد Airbnb
يقدّم Airbnb نمطًا صارمًا شائعًا، خصوصًا في React. ويفرض استخدام الفواصل المنقوطة والمسافات وأفضل ممارسات React.
npm install --save-dev eslint-config-airbnb-typescript eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooksإعداد Standard
يتميز Standard بالبساطة: لا يستخدم الفواصل المنقوطة، ويتطلب إعدادًا محدودًا، ويُستخدم على نطاق واسع في مشاريع Node.
npm install --save-dev eslint-config-standard eslint-plugin-import eslint-plugin-n eslint-plugin-promiseإعداد Google
يركّز إعداد Google على سهولة القراءة والوضوح، ويُستخدم في قواعد الشيفرة الكبيرة.
npm install --save-dev eslint-config-googleدمج الإعدادات
يمكنك توسيع عدة إعدادات: Airbnb وPrettier وقواعد TS. تأكد من ضبط parserOptions.project للقواعد المعتمدة على الأنواع.
// .eslintrc.js example
module.exports = {
extends: [
"airbnb-typescript/base",
"plugin:prettier/recommended"
],
parserOptions: {
project: "./tsconfig.json"
}
}توحيد أسلوب الفريق
اختر مجموعة قواعد واحدة لكل مشروع لتجنب النقاشات المتواصلة حول النمط. اتفق عليها مع الفريق، ثم ركّز الجهد على الميزات.
سؤال
تحقق سريع: لماذا نستخدم مجموعات قواعد Airbnb أو Standard؟
مراجعة
مراجعة: تشمل الإعدادات الشائعة Airbnb وStandard وGoogle. وهي تقلل وقت الإعداد وتحافظ على اتساق الشيفرة بين أعضاء الفرق.
الأسئلة الشائعة
هل درس «مجموعات القواعد الشائعة في المشاريع الواقعية» مجاني؟
نعم — نص درس «مجموعات القواعد الشائعة في المشاريع الواقعية» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة TypeScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة TypeScript Academy 3 دروس في المجموع.
ماذا ستتعلم في «مجموعات القواعد الشائعة في المشاريع الواقعية»؟
طبّق مجموعات قواعد ESLint + Prettier الشائعة في مشاريع المصادر المفتوحة ومشاريع الشركات لتوفير وقت الإعداد. تتمرن على TypeScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ TypeScript Academy؟
لا تُشترط خبرة سابقة. TypeScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 3.
كم من الوقت يستغرق درس «مجموعات القواعد الشائعة في المشاريع الواقعية»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس TypeScript Academy هذا؟
نعم. كل درس في TypeScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- ESLint + @typescript-eslint
- تكامل Prettier وتعارضات القواعد
- مجموعات القواعد الشائعة في المشاريع الواقعية