TypeScript Academy · درس

تثبيت Node وTypeScript ‏(npm i -D typescript)، وtsc --init

ثبّت Node.js، وأضف TypeScript عبر npm، وأنشئ tsconfig.json باستخدام tsc --init.

الدرس 2 من 38 خطوة

تثبيت Node وTypeScript ‏(npm i -D typescript)، وtsc --init درس مجاني في TypeScript Academy على CoddyKit. هذا هو الدرس 2 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في TypeScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة TypeScript Academy 3 دروس في المجموع.

تثبيت Node

متطلب مسبق: ثبّت Node.js (يوصى بإصدار LTS). فهو يوفر npm (مدير الحزم) وnode (بيئة التشغيل)، اللذين تعتمد عليهما TypeScript.

تهيئة npm

أنشئ مجلدًا للمشروع ثم نفّذ التهيئة باستخدام npm init -y. يؤدي ذلك إلى إنشاء package.json لإدارة التبعيات والبرامج النصية.

تثبيت TS

ثبّت TypeScript كتَبعية تطوير devDependency حتى يستخدم أعضاء الفريق الإصدار نفسه. تحقّق من ذلك باستخدام npx tsc --version.

// Run in your terminal (not in TS code)
npm install --save-dev typescript

// Verify installation
npx tsc --version

tsc --init

ينشئ tsc --init الملف tsconfig.json، الذي يتحكم في خيارات المترجم، والملفات المُضمّنة، وبنية المخرجات.

// Run once per project
npx tsc --init

// This creates tsconfig.json with many commented options

أساسيات tsconfig.json

يمكنك ضبط compilerOptions في tsconfig. المفاتيح الشائعة هي: target وmodule وstrict وoutDir.

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "commonjs",
    "strict": true,
    "outDir": "dist"
  }
}

فوائد tsconfig

لماذا tsconfig؟ يضمن عمليات بناء متسقة، ويفرض الصرامة، ويسمح للمحررات بتوفير IntelliSense أفضل. ويمنع الإعداد المشترك المفاجآت بين أجهزة المطورين.

تحقق التهيئة

تحقق سريع: ماذا يفعل tsc --init؟

مراجعة وما يليها

مراجعة: ثبّتَّ Node.js، وأضفت TypeScript محليًا، وشغّلت tsc --init لإنشاء tsconfig.json. التالي: ترجمة برنامجك الأول وتشغيله.

البدء مجانًا

تعلم TypeScript مع معلم ذكاء اصطناعي — مجانًا

اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.

الدورات
101
الدروس
352

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

هل درس «تثبيت Node وTypeScript ‏(npm i -D typescript)، وtsc --init» مجاني؟

نعم — نص درس «تثبيت Node وTypeScript ‏(npm i -D typescript)، وtsc --init» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة TypeScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة TypeScript Academy 3 دروس في المجموع.

ماذا ستتعلم في «تثبيت Node وTypeScript ‏(npm i -D typescript)، وtsc --init»؟

ثبّت Node.js، وأضف TypeScript عبر npm، وأنشئ tsconfig.json باستخدام tsc --init. تتمرن على TypeScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

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

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

كم من الوقت يستغرق درس «تثبيت Node وTypeScript ‏(npm i -D typescript)، وtsc --init»؟

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

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

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

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

  1. ما TypeScript؟ المزايا وحالات الاستخدام
  2. تثبيت Node وTypeScript ‏(npm i -D typescript)، وtsc --init
  3. البرنامج الأول والبناء والتشغيل ‏(tsc + node / tsx)
← العودة إلى TypeScript Academy