| الأمر / الخيار | الوظيفة الأساسية | التأثير على المشروع |
|---|---|---|
| ng g c component-name | توليد مكون جديد بالكامل مع ملفاته الأربعة الأساسية | ينشئ مجلداً جديداً للمكون ويقوم بتجهيز ملفات الـ TypeScript والـ HTML والتنسيق |
| --flat | منع إنشاء مجلد مستقل للمكون | يضع ملفات المكون مباشرة داخل المجلد الحالي دون بناء مجلد فرعي |
| --skip-tests | تخطي إنتاج ملفات الاختبار (Spec) | يوفر مساحة وينظف المشروع من الملفات غير الضرورية إذا كنت لا تستخدم اختبارات الوحدات حالياً |
نواصل رحلتنا في استكشاف قدرات أداة Angular CLI، ومع الدرس الثاني الذي تركز فيه الأداة على تسريع عملية تطوير واجهات المستخدم. بدلاً من إنشاء مجلدات وملفات المكونات (HTML, TS, SCSS, Spec) يدوياً وما يتبع ذلك من أخطاء في التسمية أو الربط، يتيح لك أمر التوليد التلقائي بناء مكونات مستقلة متوافقة مع معمارية Standalone بثوانٍ معدودة.
عند تنفيذ الأمر، تقوم أداة Angular CLI تلقائياً بإنشاء ملفات المكون، وتحديث مسارات الإعدادات اللازمة لضمان جاهزية المكون للاستخدام الفوري داخل تطبيق Angular 22.1.
يتم توليد المكونات بشكل افتراضي لتكون مستقلة (standalone: true)، مما يعني أنها لا تحتاج إلى الانضمام إلى أي مجمعات (NgModules)، ويمكن استيرادها مباشرة داخل المكونات الأخرى بكل سلاسة.
| 1 | # إنشاء مكون خاص بملف المستخدم الشخصي |
| 2 | ng generate component features/user-profile |
ℹ️ معلومة
أو باستخدام الاختصار السريع:
| 1 | ng g c features/user-profile |
| 1 | # إنشاء مكون زر مخصص مباشرة داخل مجلد المشتركة |
| 2 | ng g c shared/ui-button --flat --skip-tests |