كيفية تثبيت TypeScript - دليل خطوة بخطوة

TypeScript هي لغة برمجة شائعة تعتمد على JavaScript من خلال إضافة أنواع ثابتة. يعد تثبيت TypeScript عملية مباشرة، وسيرشدك هذا الدليل خلال الخطوات اللازمة لإعداده على جهازك.

المتطلبات الأساسية

قبل تثبيت TypeScript، تأكد من تثبيت Node.js وnpm (Node Package Manager). يوفر Node.js بيئة التشغيل لتشغيل JavaScript وTypeScript، بينما يستخدم npm لإدارة الحزم والتبعيات.

node -v
npm -v

إذا أرجعت هذه الأوامر أرقام الإصدار، فأنت جاهز تمامًا لتثبيت TypeScript.

تثبيت TypeScript

يمكن تثبيت TypeScript عالميًا على نظامك أو محليًا ضمن مشروع محدد. سنغطي كلتا الطريقتين:

التثبيت العالمي

يتيح لك تثبيت TypeScript عالميًا استخدام مُجمِّع TypeScript (`tsc`) من أي مكان على نظامك.

  1. افتح المحطة الطرفية أو موجه الأوامر.
  2. قم بتشغيل الأمر التالي لتثبيت TypeScript عالميًا:
npm install -g typescript

سيقوم هذا الأمر بتنزيل حزمة TypeScript وتثبيتها عالميًا. يمكنك التحقق من التثبيت من خلال التحقق من إصدار TypeScript:

tsc -v

التثبيت المحلي

يوصى بتثبيت TypeScript محليًا للإعدادات الخاصة بالمشروع. بهذه الطريقة، يمكن للمشاريع المختلفة استخدام إصدارات مختلفة من TypeScript.

  1. انتقل إلى دليل المشروع الخاص بك باستخدام المحطة الطرفية:
cd path/to/your/project
  1. قم بتشغيل الأمر التالي لتثبيت TypeScript محليًا:
npm install typescript --save-dev

بعد التثبيت، يمكنك استخدام TypeScript عن طريق إضافته إلى نصوص مشروعك أو باستخدام الأمر `npx` مباشرةً لتشغيل مُجمِّع TypeScript.

npx tsc -v

تكوين TypeScript

يتطلب TypeScript ملف تكوين (`tsconfig.json`) لتحديد خيارات المترجم وإعدادات المشروع. يمكنك إنشاء هذا الملف يدويًا أو توليده باستخدام TypeScript CLI.

  1. لتوليد ملف `tsconfig.json` الافتراضي، قم بتشغيل:
npx tsc --init

يقوم هذا الأمر بإنشاء ملف `tsconfig.json` في دليل المشروع الخاص بك بالإعدادات الافتراضية. يمكنك تعديل هذا الملف لتخصيص خيارات المترجم وفقًا لاحتياجات مشروعك.

التحقق من التثبيت

لتتأكد من تثبيت TypeScript بشكل صحيح، قم بإنشاء ملف TypeScript بسيط وقم بتجميعه:

  1. قم بإنشاء ملف TypeScript جديد باسم `hello.ts` بالمحتوى التالي:
let message: string = "Hello, TypeScript!";
console.log(message);
  1. قم بتجميع ملف TypeScript إلى JavaScript باستخدام مُجمِّع TypeScript:
npx tsc hello.ts

سيؤدي هذا إلى إنشاء ملف `hello.js` في نفس الدليل. قم بتشغيل ملف JavaScript المجمّع باستخدام Node.js:

node hello.js

يجب أن ترى "Hello, TypeScript!" مطبوعًا على وحدة التحكم.

خاتمة

يعد تثبيت TypeScript عملية بسيطة تتضمن إعداد Node.js وتثبيت TypeScript عالميًا أو محليًا وتكوين مشروعك. باتباع هذه الخطوات، ستتمكن من تشغيل TypeScript، وهو جاهز لتحسين تجربة التطوير لديك باستخدام الكتابة الثابتة والميزات المتقدمة.