بعد أن قمنا بتثبيت Angular CLI ونصبنا محرر Visual code studio .سنقوم الآن بتثبيت أول تطبيق لنا او ما يسمى بمشروع العمل او الـ "workspace"
افتح command prompt اذا كنت تستعمل ويندوز أو terminal اذا تستعمل لنكس/ ماك ونفذ الأمر التالي وقبل التنفيذ لاحظ ان كلمة my-app هو الاسم الذي ستختاره لمشروعك
ng new my-app
عند تنفيذ هذا الأمر سيقوم CLI Angular بتثبيت حزم Angular الضرورية وكل ما يحتاجه من توابع الأخرى خاصة به . وهذا يمكن أن يستغرق بضع دقائق.
بعد الانتهاء سيقوم بإنشاء ملفات مشروع العمل والمكون من الأجزاء التالية
مجلد المشروع المسمى بـ my-app او الاسم الذي كنت قد اخترته للمشروع عند تنفيد الامر اللي فوق
سنجد داخل المشروع
- مجلد src وهو اختصار لكلمة source وهذا الملف هو الذي سنكتب داخله الكود
- مجلد node_modules بداخله حزم npm التي سنحتاج الي استدعاؤها بالمشروع لاحقا
- مجلد e2e وهو مجلد خاص بالاختبارات ولا يهمنا بشكل عام
- سنجد أيضا مجموعة من ملفات الاعدادات لها صلة بالمشروع
لتشغيل التطبيق عليك الذهاب عن طريق الـ command prompt الى مجلد المشروع والذي سميناه my-app
cd my-app
ونفذ أمر تشغيل التطبيق التالي
ng serve
يقوم الأمر ng serve بشكل عام بتشغيل لك خادم وهمي يمكنك من انشاء مشروعك بجهازك وأيضا يقوم هذا الأمر بترقب أي تغيير بالكود أو بملفاتك فإذا اكتشف أي تغيير من طرفك في الكود فسوف يقوم باعادة تحديث وانشاء التطبيق من جديد دون الحاجة لان تعمل تحديث للصفحة بنفسك فابختصار اي تحديث في الكود تقوم الصفحة بتحديث نفسها من تلقاء نفسها بفضل الأمر السابق الذي ذكرناه ng serve
بعد تنفيذ الأمر وانتظار المعالجة للبيانات سيفتح لك المتصفح بشكل تلقائي وسوف يعرض لك هده الصفحة
اذا لم يفتح معك المتصفح ولاحظت عدم ظهور اخطاء بالـ command prompt فقم بالذهاب الى هدا الرابط
http://localhost:4200
تعليقات
إرسال تعليق