0Pricing
TypeScript Academy · درس

إعداد الوحدات والهدف

اختاروا إعدادات module وtarget وlib الصحيحة

إعداد الوحدات والهدف درس مجاني في TypeScript Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في TypeScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة TypeScript Academy 4 دروس في المجموع.

مرحبًا

تتحكم إعدادات module وtarget في tsconfig في صيغة JavaScript التي يترجم إليها TypeScript الشيفرة.

إعداد target

يتحكم target في ميزات صيغة JavaScript التي يتم إصدارها. ويُعد ES2020 خيارًا حديثًا آمنًا.
{ "compilerOptions": { "target": "ES2020" } }

الأهداف الشائعة

استخدم ES5 للمتصفحات القديمة، وES2020+ للبيئات الحديثة، وESNext للميزات الأحدث.

إعداد module

يتحكم module في نظام الوحدات في JavaScript الناتج: commonjs وES2020 وNodeNext وbundler.
{ "compilerOptions": { "module": "commonjs" } }
// For ESM: "module": "ES2020" or "NodeNext"

moduleResolution

يحدد كيفية عثور TypeScript على الوحدات. استخدم node16 أو bundler في المشاريع الحديثة.
{ "compilerOptions": { "moduleResolution": "bundler" } }

esModuleInterop

يسمح بالاستيرادات الافتراضية من وحدات CommonJS دون صيغة * as.
{ "compilerOptions": { "esModuleInterop": true } }
import express from 'express'; // instead of * as express

إعداد lib

يحدد lib واجهات البرمجة المضمنة المتاحة، مثل DOM وES2020.
{ "compilerOptions": { "lib": ["ES2020", "DOM"] } }

isolatedModules

يضمن إمكانية تحويل كل ملف بصورة مستقلة، وهو مطلوب من esbuild وBabel.
{ "compilerOptions": { "isolatedModules": true } }

verbatimModuleSyntax

يفرض استخدام import type للاستيرادات الخاصة بالأنواع فقط. ويستبدل importsNotUsedAsValues القديم.
{ "compilerOptions": { "verbatimModuleSyntax": true } }

إعداد jsx

في مشاريع React، اضبط jsx على react-jsx أو react.
{ "compilerOptions": { "jsx": "react-jsx" } }

resolveJsonModule

يسمح باستيراد ملفات JSON مع استنتاج النوع.
{ "compilerOptions": { "resolveJsonModule": true } }

تحقق سريع

ما الذي يتحكم فيه الخيار `target` في tsconfig؟

مراجعة

إعدادا Module وTarget: أتقنتم المفاهيم والأنماط الأساسية.

الأسئلة الشائعة

هل درس «إعداد الوحدات والهدف» مجاني؟

نعم — نص درس «إعداد الوحدات والهدف» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة TypeScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة TypeScript Academy 4 دروس في المجموع.

ماذا ستتعلم في «إعداد الوحدات والهدف»؟

اختاروا إعدادات module وtarget وlib الصحيحة تتمرن على TypeScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ TypeScript Academy؟

لا تُشترط خبرة سابقة. TypeScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.

كم من الوقت يستغرق درس «إعداد الوحدات والهدف»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس TypeScript Academy هذا؟

نعم. كل درس في TypeScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. العلامة strict وما تتيحه
  2. إعداد الوحدات والهدف
  3. الأسماء المستعارة للمسارات وbaseUrl
  4. البنيات التزايدية وملفات التصريحات
← العودة إلى TypeScript Academy