TypeScript هي مجموعة شاملة من JavaScript تم تطويرها لبناء تطبيقات أكثر أمانًا وواسعة النطاق. إنه يضيف كتابة ثابتة اختيارية إلى اللغة ، مما يسهل اكتشاف الأخطاء قبل التجميع.
تقدم اللغة أيضًا بعض الميزات غير الموجودة في JavaScript. وتشمل هذه الأدوية ، والفصول ، والواجهات ، والتعداد ، والديكور.
تعرف على كيفية إعداد مشروع TypeScript الأول الخاص بك من البداية في بضع خطوات فقط.
الخطوة 1: تثبيت TypeScript
قبل استعمال تيبسكريبت على نظامك ، يجب عليك تثبيت برنامج التحويل البرمجي TypeScript عالميًا.
قم بتشغيل الأمر التالي لتثبيت TypeScript عالميًا:
npm تثبيت -g مطبوعة
الخطوة الثانية: إعداد مشروعك
لإعداد مشروع TypeScript ، ابدأ بإنشاء دليل مشروع فارغ بتنسيق أي IDE من اختيارك.
بعد ذلك ، قم بإنشاء ملفاتك بامتداد .ts امتداد الملف. لا يمكن تشغيل TypeScript في أي بيئة. وبالتالي ، يجب تحويله إلى JavaScript قبل تشغيله.
لتجميع ملفات TypeScript الخاصة بك في JavaScript ، انتقل إلى دليل المشروع الخاص بك على الجهاز الطرفي. ثم اركض tsc متبوعًا باسم ملف TypeScript الخاص بك.
فمثلا:
tscفهرس.ts
سيقوم هذا الأمر بإنشاء ملف index.js الملف داخل نفس الدليل الخاص بك index.ts يتواجد الملف.
قد يكون هذا السلوك غير مرغوب فيه لأنه سيجعل من الصعب إدارة مشروعك بأشكال متعددة .js و .ts الملفات الموجودة في نفس الدليل.
يمكنك تغيير هذا السلوك الافتراضي وتعديل سلوك برنامج التحويل البرمجي TypeScript باستخدام ملحق tsconfig.json ملف.
قم بتشغيل الأمر التالي في جهازك لإنشاء ملف tsconfig.json ملف في مشروعك:
tsc --فيه
يؤدي هذا إلى إنشاء ملف يحتوي على جميع إعدادات التكوين الخاصة بمترجم TypeScript الخاص بك.
ستغطي فقط الأساسيات اللازمة لبدء مشروعك هنا ، ولكن يمكنك معرفة المزيد عنها وثائق TypeScript tsconfig.
الخطوة 3: إعداد مترجم TypeScript لسير عمل أفضل
ال tsconfig.json يحتوي الملف على خيارات التكوين لمترجم TypeScript مقسم إلى سبعة أقسام:
- المشاريع
- اللغة والبيئة
- الوحدات
- دعم JavaScript
- ينبعث
- قيود Interop
- فحص النوع
- الاكتمال
يتم تعطيل معظم الخصائص افتراضيًا (تم التعليق عليها). يمكنك تنشيطها وتعديلها عن طريق إلغاء التعليق عليها.
فيما يلي الخطوات التي ستحتاج إلى اتباعها لتغيير موقع ملفات JavaScript التي تم إنشاؤها:
- فتح tsconfig.json وحدد موقع ينبعث الجزء.
- في ال ينبعث القسم ، إلغاء التعليق على outdir الخاصية وتحديد الدليل الذي تريد تخزين الملف المترجم .ts الملفات. الآن في أي وقت تركض tsc، لك .js ستكون الملفات في المجلد المحدد.
ادارة tsc متبوعًا باسم الملف الذي تريد تجميعه ليس هو الأمثل لسير عملك ، خاصةً عندما تحتاج إلى تجميع ملفات متعددة.
لحل هذه المشكلة ، يوفر برنامج التحويل البرمجي TypeScript خاصية تسمح له بتجميع كافة الملفات الموجودة في دليل بأمر واحد.
اتبع هذه الخطوات لإعداد هذا:
- فتح tsconfig.json وحدد موقع الوحدات الجزء.
- في ال الوحدات القسم ، إلغاء التعليق على الجذر الملكية أو الجذور (إذا كنت تريد أن يقوم المترجم بترجمة ملفات متعددة .ts في الدلائل .js) وحدد دليل (أدلة) الملف.
ستعمل هذه الإعدادات على تحسين سير العمل والحفاظ على ملفاتك بسهولة.
مزايا TypeScript
الميزة الرئيسية لـ TypeScript على JavaScript هي أمان الكتابة. يتيح TypeScript اكتشاف الأخطاء التي يصعب العثور عليها بسرعة. هذه الميزة تجعلها مثالية لبناء تطبيقات آمنة وواسعة النطاق.
