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

angular 6 cli 5723 تصویر

CLI درانگولار ۶

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

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

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

خط اول یک پروژه جدید با نام PROJECT-NAME ایجاد می کند. خط دوم دایرکتوری فعلی را به دایرکتوری پروژه ایجاد شده تغییر می دهد و خط سوم هم پروژه ایجاد شده را اجرا می کند تا در مرورگر نمایش داده شود.

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

دستور فوق پورت سروس محلی انگولار را به ۴۲۰۱ تغییر می دهد.

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

ایجاد کامپوننت جدید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 اضافه می شود.

ثبت نظر
ریفریش کنید!
نظرات کاربران (۰ مورد)

هیچ نظری ثبت نشده است