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