م.أماني | مطورة ويب 👩🏻‍💻
م.أماني | مطورة ويب 👩🏻‍💻

@Eng_Amani_Masri

5 تغريدة 3 قراءة Aug 31, 2024
4 خطوات لتهيئة مشروع للعمل باستخدام تايب سكربت
للبدء باستخدام تايب سكريب #TypeScript ضمن مشروعك على #VSCode أولاً يجب تحميل node.js على جهازك ومن ثم اتباع الخطوات الأربع الآتية:
الخطوة الأولى:
تنزيل تايب سكريب ضمن المشروع من خلال الأمر:
npm install typescript --save-dev
أو تنزيله بشكل عام على الجهاز وليس ضمن مشروع واحد من خلال الأمر :
npm install -g typescript
الخطوة الثانية:
إنشاء مجلدين ضمن المشروع، الأول dist ويحتوي:
ملف الموقع index.html التي يتم تضمين ملف الجافا سكربت فيه من خلال السطر:
<script src="script.js"></script>
والمجلد الثاني src الذي يحتوي ملف التايب سكربت وامتداده ts باسم script.ts
الخطوة الثالثة:
إنشاء ملف tsconfig.json لتطبيق إعدادات التايب سكربت على المشروع وذلك من خلال الأمر:
npx tsc --init
وفي ملف الإعدادت يتم تحديد مجلدات المصدر والوجهة بتعديل السطر
//"rootDir": "./",
إلى:
"rootDir": "./src",
والسطر:
//"outDir": "./",
إلى :
"outDir": "./dist",
الخطوة الرابعة:
عمل ترجمة (transpiler) لملف التايب سكربت من خلال الأمر:
npx tsc --watch
عندها سيعمل المشروع وأي تعديل على ملف التايب سكربت سيتم ترجمته تلقائياً لملف الجافا سكربت

جاري تحميل الاقتراحات...