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 اولین بار در سورس سرا - آموزش برنامه نویسی. پدیدار شد.