| الأمر | الوظيفة | تكرار الاستخدام |
|---|---|---|
| npm install -g @angular/cli | تثبيت أداة سطر أوامر أنجلر عالمياً على نظام التشغيل | يُنفذ مرة واحدة فقط لتهيئة الجهاز |
| ng version | التحقق من إصدار Angular CLI المثبت والتأكد من عمله | يُستخدم عند الحاجة لمعرفة تفاصيل الإصدار |
| ng help | عرض قائمة بجميع الأوامر المتاحة والمساعدة الخاصة بها | يُستخدم عند نسيان أمر معين أو لمعرفة خيارات إضافية |
بعد أن قمنا بتهيئة البيئة الأساسية في الدرس السابق من خلال تثبيت Node.js و NPM، ننتقل الآن إلى خطوة مفصلية وعملية في رحلتنا. في هذا الدرس، سنتعرف على الأداة الأهم على الإطلاق لأي مطور Angular، وهي "واجهة سطر الأوامر" (Angular CLI). هذه الأداة هي السلاح الأقوى الذي سيرافقك في كل خطوة، بدءاً من إنشاء هيكل المشروع الأول، مروراً بتوليد الملفات والمكونات بشكل آلي، وحتى تجهيز التطبيق بشكله النهائي. سنقوم بتثبيت هذه الأداة ونتعلم الأوامر الأساسية للتعامل معها.
ℹ️ معلومة
أداة Angular CLI (Command Line Interface) هي واجهة سطر أوامر رسمية تم تطويرها من قبل فريق Angular لتسهيل وتسريع عملية تطوير التطبيقات.
في الماضي، كان إعداد مشروع ويب حديث يتطلب الكثير من الإعدادات المعقدة لربط مكتبات الترجمة (مثل TypeScript) وأدوات التجميع (Bundlers) وإعداد الخوادم المحلية. جاءت أداة Angular CLI لتقوم بكل هذا العمل الشاق نيابة عنك. بمجرد كتابة أمر بسيط، ستقوم الأداة بإنشاء هيكل المشروع كاملاً، وتوليد الملفات والمكونات، وتشغيل خادم الاختبار، وحتى تجهيز المشروع للرفع النهائي على الاستضافة.
الاعتماد على Angular CLI ليس مجرد خيار ثانوي، بل هو المعيار الأساسي في سوق العمل لعدة أسباب:
إنشاء المكونات (Components) والخدمات (Services) بضغطة زر بدلاً من إنشاء الملفات برمجياً وكتابة الأكواد الأساسية يدوياً.
تضمن الأداة أن جميع مشاريع Angular تتبع نفس الهيكلة وأفضل الممارسات، مما يسهل على أي مبرمج آخر قراءة الكود الخاص بك.
تقوم الأداة تلقائياً بفحص الأخطاء البرمجية (Linting) وتسهيل عملية كتابة وتشغيل الاختبارات (Testing).
بما أن جهازك أصبح يحتوي على بيئة تشغيل JavaScript، افتح موجه الأوامر (CMD في ويندوز أو Terminal في ماك/لينكس) وقم بتنفيذ الأوامر التالية:
سنستخدم مدير الحزم NPM لتحميل الأداة. حرف -g يعني (Global)، أي أننا نثبت الأداة على مستوى نظام التشغيل ككل، ولن نحتاج لتكرار هذا الأمر مع كل مشروع جديد.
| 1 | npm install -g @angular/cli |
ℹ️ معلومة
(ملاحظة لمستخدمي أنظمة Mac و Linux: قد تحتاج إلى كتابة كلمة sudo قبل الأمر لمنح صلاحيات المسؤول).
للتأكد من أن الأداة تم تثبيتها وتعمل بشكل سليم، سنستخدم الكلمة المفتاحية ng، وهي الكلمة التي تسبق أي أمر يخص Angular CLI.
| 1 | ng version |
ℹ️ معلومة
(النتيجة المتوقعة: سيظهر لك شعار Angular بأحرف حمراء ضخمة (ASCII Art) في موجه الأوامر، وتحته جدول تفصيلي يعرض إصدار الأداة وإصدار Node.js المثبت لديك).