angular

أهم أوامر Angular CLI

تدوينة بسيطة عن بعض الاوامر الخاصة Angular CLI والتي قد تحتاجها اثناء على عملك على تطبيقات الويب Angular App

بداية لاستخدامها تحتاج تحميلها وتثبيتها على جهازك .

تتطلب وجود node.js على جهازك أولاً .

npm install -g angular-cli

لانشاء تطبيقك الاول

ng new my-app

سوف ينشأ لك مجلد بنفس الاسم وبداخله ملفات المشروع.

ولتشغيله بعد الدخول على نفس المجلد عن طريق (terminal – cmd )

عن طريق هذا الامر سوف يفتح التطبيق على المتصفح مباشرة

ng serve -o

عند ايقاف التطبيق ومن ثم اعادة تشغيله غالبا يعطيك خطأ ان المنفذ مستخدم مسبقا ،

الحل: تحتاج تغير الى منفذ آخر على سبيل المثال 1234

ng serve --port=1234

Hot Reload

تلقائيا عند تشغيل التطبيق يكون خيار اعادة تطبيق التغييرات مفعل ، وعند حفظ اي تغيير سوف يعيد تنفيذ واعادة تحميل التطبيق،

بعض المرات تسبب بطء على المتصفح واستهلاك اكبر في الميموري ومرات ما تحتاج تنفيذ تغييراتك اولا بأول.

هذا الأمر يعطل Hot reload ولكن لا يعطل compiler.

ng serve --live-reload false

 

Angular CLI عنده بعض الترتيبات الخاصة به عند انشاء component او service او directives …الخ.

ولكن ايضا تحتاج ترتيبات خاصة فيك.

مثال:

لمن يكون عندك صفحات كثير ومكونات components مختلفة تحتاج ان تنظمها وتحسن ترتيبها في مجلد المشروع.

مثلا مجلد الاضافات ( اضافة مستخدم ، اضافة مقال ، اضافة تعليق ) كلها تكون داخل مجلد add

وايضاً مجلد الخدمات services .

نستخدم هذا الامر على سبيل المثال لاضافة user component بداخل مجلد add الذي هو بالاساس يكون داخل مجلد components.

ng g c components/add/user

 

هنالك الكثير من الاوامر ولكن في هذه التدوينة بعضا منها

للمزيد cli.angular.io

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Back To Top