نوفيل
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
دخولابدأ مجاناً
نوفيل

منصة تعليم البرمجة الأولى بالعربي. تعلم من الصفر حتى الاحتراف مع كورسات احترافية وتحديات ذكاء اصطناعي.

المنصة

  • الكورسات
  • التحديات
  • المقالات
  • الأدوات

الحساب

  • إنشاء حساب
  • تسجيل الدخول
  • لوحة التحكم
  • الملف الشخصي

روابط

  • سياسة الخصوصية
  • شروط الاستخدام
  • عن نوفيل
  • تواصل معنا

© 2026 نوفيل. جميع الحقوق محفوظة.

صُنع بـ في مصر

نوفيل
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
دخولابدأ مجاناً
AN

منهج Angular v22.1

دليل مرجعي شامل

كل اللغات
مدرسة البرمجة/منهج Angular v22.1/مقدمه شامله لاهم اوامر Angular CLI

مقدمه شامله لاهم اوامر Angular CLI

أوامر Angular CLIواجهة سطر الأوامر في أنجلرأدوات المطورينAngular 22.1 CLI

جدول مرجعي سريع

1
الأمر البرمجيالوظيفة الأساسيةالتأثير على هيكل المشروع
ng newإنشاء مشروع جديد كلياً بأحدث معايير Standaloneيبني المجلدات وملفات الإعدادات الافتراضية
ng generate (أو ng g)توليد الملفات البرمجية تلقائياً (مكونات، خدمات، توجيهات)يوفر الوقت وينشئ الملفات في أماكنها الصحيحة مع ربطها تلقائياً
ng serveتشغيل الخادم المحلي واختبار التطبيق حيّاًيتيح المعاينة الفورية مع ميزة إعادة التحميل التلقائي (Live Reload)

الشرح

تُعد أداة Angular CLI (واجهة سطر الأوامر) العصب الرئيسي لأي مطور يعمل على إطار عمل Angular 22.1. فهي توفر بيئة متكاملة لإنشاء، إدارة، بناء، واختبار التطبيقات بكل سهولة وبأوامر سريعة تغنيك عن إعداد الملفات يدوياً، مما يرفع من إنتاجية المطورين بشكل هائ

تفصيل التعامل مع أداة Angular CLI

ما هي قيمة Angular CLI؟

تضمن الأة أن جميع المشاريع المُبناة تتبع المعايير القياسية الموصى بها من فريق Angular. بدلاً من إعداد ملفات التكوين والتبعيات يدوياً، يقوم سطر الأوامر بتهيئة كل شيء ليعمل بسلاسة تنافسية.

الالتزام بالمعايير الحديثة (Standalone):

في إصدارات Angular الحديثة، تأتي الأوامر متوافقة تماماً مع المعمارية المستقلة (Standalone Components)، مما يعني عدم الحاجة لملفات AppModule التقليدية وتبسيط هيكل الملفات بشكل جذري.

أمثلة برمجية: استخدام الأوامر الأساسية

المثال الأول: إنشاء مشروع جديد بالنسخة المحدثة

bash
1# إنشاء مشروع جديد مع تفعيل مسارات التوجيه والتنسيقات الافتراضية
2ng new my-angular-app --routing --style=scss

المثال الثاني: التحقق من إصدار الأداة المثبتة على جهازك

bash
1# لمعرفة إصدار Angular CLI المتوافق مع بيئة العمل
2ng version

نصائح احترافية

  • —استخدم الاختصارات السريعة لأوامر الـ CLI!
  • —بدلاً من كتابة ng generate component my-comp بالكامل، يمكنك استخدام الاختصار السريع ng g c my-comp. هذا يوفر وقتاً كبيراً أثناء عملية التطوير السريع لمكونات تطبيق Angular.

الدرس السابق

التحكم في الوصول

الدرس التالي

التوليد التلقائي للمكونات

نوفيل

منصة تعليم البرمجة الأولى بالعربي. تعلم من الصفر حتى الاحتراف مع كورسات احترافية وتحديات ذكاء اصطناعي.

المنصة

  • الكورسات
  • التحديات
  • المقالات
  • الأدوات

الحساب

  • إنشاء حساب
  • تسجيل الدخول
  • لوحة التحكم
  • الملف الشخصي

روابط

  • سياسة الخصوصية
  • شروط الاستخدام
  • عن نوفيل
  • تواصل معنا

© 2026 نوفيل. جميع الحقوق محفوظة.

صُنع بـ في مصر