إنشاء مشروع جديد
أنشئوا تطبيقًا باستخدام ng new واستكشفوا الخيارات
إنشاء مشروع جديد درس مجاني في Angular Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Angular Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Angular Academy 4 دروس في المجموع.
Angular CLI
إن Angular CLI هو أداة سطر الأوامر الرسمية لإنشاء تطبيقات Angular وبنائها وتشغيلها واختبارها. وتبدأ الأوامر بـ ng.
تثبيت CLI
ثبّته عالميًا باستخدام npm حتى يصبح الأمر ng متاحًا في كل مكان.
npm install -g @angular/cliإنشاء مشروع باستخدام ng new
ينشئ الأمر ng new هيكل workspace وتطبيق Angular جديدين تمامًا.
ng new my-appما الذي يفعله ng new
ينشئ مجلدًا، ويثبّت التبعيات، ويعدّ TypeScript، وإعدادات البناء، وأداة تشغيل الاختبارات، وتطبيق standalone ابتدائيًا، كما يهيّئ مستودع git.
المطالبات التفاعلية
يسأل ng new افتراضيًا بضعة أسئلة، مثل ما إذا كنت تريد إضافة Angular routing، وما تنسيق stylesheet الذي تريد استخدامه (CSS أو SCSS أو Sass أو Less).
إضافة Routing
يمكنك الإجابة عن مطالبة routing، أو تمرير flag لاتخاذ القرار مسبقًا.
ng new my-app --routingاختيار تنسيق Style
اختر لغة stylesheet باستخدام style flag.
ng new my-app --style=scssتخطي التثبيت أو Git
تشمل flags المفيدة تخطي تثبيت التبعيات أو تهيئة git، وهو أمر مناسب في CI أو الإعدادات البرمجية النصية.
ng new my-app --skip-install --skip-gitمستقل افتراضيًا
تُنشئ الإصدارات الحديثة من CLI تطبيقًا مستقلًا افتراضيًا، حيث يستخدم main.ts الدالة bootstrapApplication ويحتوي app.config.ts على موفّري الخدمات.
الانتقال إلى المشروع
بعد الإنشاء، انتقل إلى الدليل الجديد لتشغيل أوامر أخرى.
cd my-appالحصول على المساعدة
يدعم كل أمر خيار help الذي يعرض قائمة بخياراته.
ng new --helpتحقق سريع: ng new
إنشاء مشروع.
مراجعة: مشروع جديد
ينشئ Angular CLI (ng) تطبيقات باستخدام ng new my-app، مع إمكانية إعداد التوجيه وتنسيق ملفات الأنماط. كما يثبّت الاعتماديات وينشئ هيكل تطبيق ابتدائي مستقل. التالي: فهم البنية التي تم إنشاؤها.
الأسئلة الشائعة
هل درس «إنشاء مشروع جديد» مجاني؟
نعم — نص درس «إنشاء مشروع جديد» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Angular Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Angular Academy 4 دروس في المجموع.
ماذا ستتعلم في «إنشاء مشروع جديد»؟
أنشئوا تطبيقًا باستخدام ng new واستكشفوا الخيارات تتمرن على Angular Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Angular Academy؟
لا تُشترط خبرة سابقة. Angular Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «إنشاء مشروع جديد»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Angular Academy هذا؟
نعم. كل درس في Angular Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.