دستورات CLI در انگولار ۷ – آموزش انگولار ۷

cli prompts 6623 تصویر

دستورات CLI در انگولار ۷

CLI در انگولار ۷ به ما کمک می کند تا کارهای مختلف را بسیار سریع تر و راحتر انجام دهیم. در این بخش نحوه استفاده از CLI انگولار ۷ و برخی از دستورات آن از جمله دستورات مربوط به ساخت پروژه جدید، ایجاد کامپوننت، ایجاد سرویس، تغییر پورت و غیره را بررسی خواهیم کرد.

قبل از استفاده از CLI باید آن را بر روی سیستم خود نصب کنید. دستور زیر برای نصب CLI استفاده می شود. CMD را باز کرده و دستور زیر را وارد کنید:

npm install -g @angular/cli

دستور زیر یک پروژه جدید ایجاد می کند:

ng new PROJECT-NAME
cd PROJECT-NAME
ng serve //

خط اول یک پروژه جدید با نام PROJECT-NAME ایجاد می کند. خط دوم دایرکتوری فعلی را به دایرکتوری پروژه ایجاد شده تغییر می دهد و خط سوم هم پروژه ایجاد شده را اجرا می کند تا در مرورگر نمایش داده شود. اگر در مرورگر خود به آدرس http://localhost:4200 بروید می توانید خروجی پروژه ایجاد شده را مشاهده کنید. ۴۲۰۰ پورت پیش فرض خود انگولار ۷ است اما اگر نیاز باشد که آن را تغییر دهید می توانید از دستور زیر استفاده کنید:

ng serve --host 0.0.0.0 --port 4201

در جدول زیر دستورات مهم و پرکاربرد را مشاهده می کنید:

ایجاد کامپوننت جدید ng g component new-component
ایجاد دستور جدید ng g directive new-directive
ایجاد پایپ جدید ng g pipe new-pipe
ایجاد سرویس جدید ng g service new-service
ایجاد ماژول جدید ng g module my-module
ایجاد تست ng test
Build ng build –configuration=production // for production environment

ng build –configuration=staging // for stating environment

هر موقع که یک کامپوننت، سرویس و یا ماژول جدید ایجاد می کنیم، reference آن به فایل app.module.ts اضافه می شود.

نوشته دستورات CLI در انگولار ۷ – آموزش انگولار ۷ اولین بار در سورس سرا - آموزش برنامه نویسی. پدیدار شد.

درباره نویسنده: administrator

ممکن است دوست داشته باشید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *