CLI در انگولار ۶ – آموزش Angular 6

angular 6 cli 5723 تصویر

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

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

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

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

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

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

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