تُسمى منصة JavaScript التي يمكن الوصول إليها مجانًا لإنشاء تطبيقات ديناميكية باسم Angular.js. فهو يمكّنك من تمثيل كل جانب من جوانب التطبيق الخاص بك بسرعة وبشكل لا لبس فيه عن طريق توسيع بناء جملة HTML عند استخدامه كلغة القالب الخاصة بك. يوفر مجموعة من الأدوات لكتابة التعليمات البرمجية وتحديثها واختبارها. فهو يوفر عددًا كبيرًا من الإمكانات بما في ذلك التوجيه وإدارة النماذج. يناقش هذا الدليل طريقة تثبيت Angular على Ubuntu 24 من خلال تثبيت Node.js.
تحديث وترقية النظام
قبل الانتقال إلى عمليات التثبيت، دعنا نجري تحديث النظام أولاً. من الضروري تحديث نظام Ubuntu 24 لأنه يجب أن يدخل حيز التنفيذ على عمليات التثبيت الجديدة دون أي مشاكل قريبًا. لذلك، نستخدم تعليمات التحديث والترقية ضمن أمر واحد يتم تنفيذه بمساعدة الأداة المساعدة 'apt'.
تحديث سودو المناسب && sudo ترقية مناسبة
بعد تنفيذ هذه التعليمات، يخصص النظام المساحة المحددة لعملية الترقية والتحديث ويطلب منك تأكيد ذلك من خلال النقر على 'y' أو 'n'. ولذلك، يجب عليك الضغط على 'y' لإكمال عملية التحديث هذه كما هو موضح في ما يلي. وبعد فترة من الوقت، سيتم تحديث نظامنا وترقيته بنجاح.
تثبيت التبعيات
يعتمد تثبيت Angular وNode.js على بعض الأدوات المساعدة الأخرى أيضًا. تتضمن هذه التبعيات git وwget وcurl وغيرها الكثير. وبالتالي، نحن بحاجة إلى تثبيت تلك التبعيات مسبقا. لتثبيت هذه التبعيات، نستخدم نفس الأداة المساعدة 'apt' في غلاف الأوامر وننتظر حتى يتم تثبيت جميع التبعيات بنجاح.
سودو ملائمة ثَبَّتَ حليقة gnupg2 gnupg شخص سخيف wget -و
قم بتثبيت Node.js
لا يمكن للتطبيقات Angular العمل بدون Node.js وهو المتطلب الأساسي. لذلك، من الضروري تثبيت Node.js قبل الانتقال إلى تثبيت Angular على Ubuntu 24. كما يتطلب Node.js أداة سطر الأوامر NVM لتثبيته. لذلك، نستخدم الأداة المساعدة 'curl' في غلاف الوحدة الطرفية لتثبيت الأداة المساعدة NVM أولاً من مستودع Github الرسمي. يمكنك أن ترى أنه بعد تنفيذ هذه التعليمات، تم تنزيل الأداة المساعدة NVM وتثبيتها.
سودو كيرل https: // Raw.githubusercontent.com / com.creationix / nvm / يتقن / install.sh | سحق
الآن، يعد تمكين بيئة NVM على نظام Ubuntu 24 Linux ضروريًا أيضًا. لذلك، نقوم بتشغيل ملف 'bashrc' باستخدام التعليمات المصدر حتى يتمكن النظام من الحصول على تأثيرات الأداة المساعدة NVM المثبتة حديثًا وضبط البيئة.
المصدر ~ / .bashrc
بعد إنشاء البيئة، يكون نظام Ubuntu 24 جاهزًا لتثبيت Node.js في نهايته. لهذا، نستخدم الأداة المساعدة 'nvm' المثبتة حديثًا ضمن تعليمات التثبيت المستخدمة في غلاف الوحدة الطرفية. باستخدام هذه التعليمات، نقوم بتثبيت أحدث إصدار من Node.js 18 على نظام Ubuntu الخاص بنا. تقوم أداة NVM أيضًا بتثبيت مدير حزمة العقدة مع Node.js. تبدأ المعالجة بتنزيل وتثبيت إصدار العقدة 18.19.1 من الموقع الرسمي. بعد ذلك، يقوم بحساب المجموع الاختباري وإنشاء اسم مستعار افتراضي.
NVM ثَبَّتَ 18
بعد التثبيت الناجح لـ Node.js، نحتاج إلى التحقق من تثبيته وتثبيته في نظامنا. لذلك، نحتاج إلى التحقق من الإصدار المثبت باستخدام الأمر 'version' بدءًا من الكلمة الأساسية 'node'. أيضًا، قامت تعليمات تثبيت NVM السابقة بتثبيت NPM (Node Package Manager) مع Node.js. لذلك، علينا أن نبحث عن إصدار NPM أيضًا. يعرض إخراج كلا الأمرين الإصدارات كما هو موضح في الصورة المرفقة التالية:
العقدة -فيNpm -في
قم بتثبيت Angular CLI
حان الوقت لاتخاذ الخطوات النهائية لتثبيت واجهة سطر الأوامر Angular بعد تثبيت جميع التبعيات بما في ذلك NPM وNode.js. لهذا، نستخدم NPM (مدير حزمة العقدة) داخل الغلاف الطرفي لـ Ubuntu 24.
يمكنك استخدام حقوق sudo لتنفيذ تعليمات التثبيت هذه. يتضمن هذا الأمر رابطًا للحزمة الرسمية لـ Angular CLI. تم تعيين علامة '—location' لإضافة Angular CLI على المستوى العالمي لنظام Ubuntu 24 والذي يمكن لجميع المستخدمين في النظام الأساسي الحالي الوصول إليه.
Npm ثَبَّتَ @ الزاوي / كلي – موقع =global
سيكون من المفيد أن تنتظر لفترة من الوقت حتى تتم معالجة Angular CLI. بعد بعض المعالجة، تتم إضافة حزم Angular CLI وتثبيتها بنجاح. في المقابل، سوف تحصل على المخرجات الموضحة التالية على شاشتك الطرفية والتي تحتوي على 232 حزمة تمت إضافتها في دقيقتين:
حان الوقت الآن للتحقق من تثبيت Angular CLI. لأنه يأتي مع الأمر 'ng' الذي يساعد على تنفيذ الأوامر على Angular CLI. لذلك، دعونا نبحث عن الإصدار المثبت من الأمر 'ng'. بعد الإجابة على بعض الأسئلة المتعلقة بتنفيذ أمر الإصدار هذا، سنحصل على المخرجات التالية التي تحتوي أيضًا على المعلومات المتعلقة بإصدار Angular وNode وNPM ونظام التشغيل. يوجد أيضًا عرض للمعلومات المتعلقة بالحزم وإصداراتها المثبتة في النهاية.
من الإصدار
إنشاء تطبيق الزاوي
حان الوقت لاستخدام Angular CLI لإنشاء تطبيق Angular جديد على Ubuntu 24. تمامًا مثلما استخدمنا تعليمات 'ng' للتحقق من إصدار Angular CLI، سنستخدمها أيضًا لإنشاء تطبيق جديد يسمى 'test' مع الأمر الكلمة المفتاحية 'جديدة'. يتم التنفيذ مع طرح بعض الأسئلة. سيكون من المفيد أن تجيب على هذه الأسئلة وفقًا لتفضيلاتك، وسيتم تثبيت الحزم الخاصة بتطبيقك الجديد بنجاح.
من جديد امتحان
بعد فترة من الوقت، يتم إنشاء تطبيق Angular جديد يسمى 'test'. يتم إنشاء دليل 'اختبار' جديد في دليل العمل الخاص بنا كما هو موضح في الإخراج المرفق التالي:
بعد إنشاء تطبيق Angular 'اختباري'، نحتاج إلى تشغيله أيضًا. للقيام بذلك، انتقل داخل دليل 'test' واستخدم الأداة المساعدة 'ng' لتنفيذ أمر 'serve'.
قرص مضغوط امتحانمن الخدمة
يمكنك أيضًا استخدام نفس الأمر لتعيين المنفذ 4200 لجميع واجهات النظام عن طريق تعيين المضيف على 0.0.0.0.
من الخدمة – المضيف 0.0.0.0 – المنفذ 4200
خاتمة
يوضح هذا الدليل كيف يمكن استخدام البيئة Angular لإنشاء أي تطبيق. دعمًا للفكرة، أوضحنا طريقة تثبيت Angular على Ubuntu 24 بعد تثبيت Node.js وNPM وتكوينهما. أخيرًا، قمنا بتوضيح طريقة إنشاء تطبيق Angular في Ubuntu 24 باستخدام Angular CLI.