| الأمر البرمجي | الوظيفة الأساسية | التأثير على بيئة التطوير |
|---|---|---|
| ng serve (أو ng s) | تشغيل خادم التطوير المحلي (Local Dev Server) | يتيح معاينة التطبيق على المتصفح (عبر المنفذ 4200 افتراضياً) مع ميزة التحديث التلقائي |
| ng serve --open | تشغيل الخادم وفتح المتصفح تلقائياً | يوفر خطوة إضافية ويفتح صفحة التطبيق فور جهوزية السيرفر |
| ng test | تشغيل حزمة اختبارات الوحدات (Unit Tests) | يطلق نظام الاختبارات (Jasmine/Karma) للتحقق من سلامة الأكواد البرمجية |
بعد أن تعلمنا كيفية إنشاء هيكل المشروع وتوليد المكونات والخدمات عبر أداة سطر الأوامر في الدروس السابقة، يأتي الدور على خطوة حيوية في دورة حياة التطوير ضمن إطار عمل Angular 22.1: وهي كيفية تشغيل التطبيق محلياً لمعاينته واختبار التعديلات بشكل فوري باستخدام أدوات الـ CLI.
يقوم هذا الأمر ببناء التطبيق في الذاكرة الحية ورفع خادم محلي. تتميز هذه البيئة بخاصية Live Reload أو Hot Module Replacement (HMR)، مما يعني أن أي تعديل تحفظه في ملفات الـ TypeScript أو الـ HTML ينعكس تلقائياً على المتصفح دون الحاجة لإعادة تشغيل السيرفر يدوياً.
أثناء عملية التشغيل، يعمل نظام البناء على مراقبة الأكواد وإظهار أي أخطاء تجميعية (Compilation Errors) مباشرة في سطر الأوامر وفي المتصفح، مما يسرع عملية اكتشاف الأخطاء وإصلاحها.
| 1 | # تشغيل المشروع وفتح المتصفح على المنفذ الافتراضي |
| 2 | ng serve --open |
ℹ️ معلومة
أو باستخدام الاختصار السريع:
| 1 | ng o |
| 1 | # إذا كان المنفذ 4200 مشغولاً، يمكنك تغيير رقم المنفذ هكذا |
| 2 | ng serve --port 4300 |