إنشاء الشيفرة باستخدام ng generate
أنشئوا هيكل المكوّنات والخدمات وغيرها
إنشاء الشيفرة باستخدام ng generate درس مجاني في Angular Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Angular Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Angular Academy 4 دروس في المجموع.
إنشاء الشفرة باستخدام ng generate
ينشئ الأمر ng generate، واختصاره ng g، اللبنات الأساسية لـ Angular مع الشفرة التمهيدية واصطلاحات التسمية الصحيحة.
إنشاء مكوّن
أنشئوا مكوّنًا مستقلًا باستخدام أمر واحد.
ng generate component hello
# short form:
ng g component helloما الذي يتم إنشاؤه
ينشئ الأمر hello.component.ts وملف .html وملف الأنماط واختبار .spec.ts، ويستخدم الاستقلالية افتراضيًا.
الإنشاء داخل مجلد
حدّدوا مسارًا لوضع المكوّن داخل مجلد فرعي.
ng g component features/dashboardإنشاء خدمة
أنشئوا خدمة قابلة للحقن باستخدام مخطط الخدمة.
ng g service data
# creates data.service.ts with @Injectableإنشاء توجيه
تُنشأ التوجيهات المستقلة بالطريقة نفسها تقريبًا.
ng g directive highlightإنشاء Pipe
أنشئوا pipe مخصصًا لتحويلات القوالب.
ng g pipe truncateإنشاء Guard
تحمي حراس المسارات عملية التنقل. وينشئ CLI حراسًا وظيفيين.
ng g guard authمعاينة التشغيل التجريبي
استخدموا خيار dry-run لمعاينة ما سيتم إنشاؤه من دون كتابة الملفات.
ng g component hello --dry-runتخطي ملف الاختبار
أضيفوا خيارًا لتخطي إنشاء اختبار .spec.ts إذا لم ترغبوا في إنشائه.
ng g component hello --skip-testsالقالب والأنماط المضمّنة
يمكنكم طلب قالب وأنماط مضمّنة بدلًا من الملفات المنفصلة.
ng g component badge --inline-template --inline-styleتحقق سريع: ng generate
إنشاء اللبنات الأساسية.
مراجعة: الإنشاء
ينشئ ng generate (ng g) المكوّنات والخدمات والتوجيهات وملفات pipe وGuard وفق الاصطلاحات الصحيحة. وتتيح خيارات مثل --dry-run و--skip-tests و--inline-template تخصيص الناتج. التالي: البناء والتشغيل.
الأسئلة الشائعة
هل درس «إنشاء الشيفرة باستخدام ng generate» مجاني؟
نعم — نص درس «إنشاء الشيفرة باستخدام ng generate» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Angular Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Angular Academy 4 دروس في المجموع.
ماذا ستتعلم في «إنشاء الشيفرة باستخدام ng generate»؟
أنشئوا هيكل المكوّنات والخدمات وغيرها تتمرن على Angular Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Angular Academy؟
لا تُشترط خبرة سابقة. Angular Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «إنشاء الشيفرة باستخدام ng generate»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Angular Academy هذا؟
نعم. كل درس في Angular Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- إنشاء مشروع جديد
- شرح بنية المشروع
- إنشاء الشيفرة باستخدام ng generate
- البناء والتقديم