Loading...
CLI درانگولار 6
CLI در انگولار به ما کمک می کند تا کارهای مختلف را بسیار سریع تر و راحتر انجام دهیم. در این بخش نحوه استفاده از CLI انگولار و برخی از دستورات آن از جمله دستورات مربوط به ساخت پروژه جدید، ایجاد کامپوننت، ایجاد سرویس، تغییر پورت و غیره را بررسی خواهیم کرد.
قبل از استفاده از CLI باید آن را بر روی سیستم خود نصب کنید. دستور زیر برای نصب CLI استفاده می شود. CMD را باز کرده و دستور زیر را وارد کنید:
1 | npm install -g @angular/cli |
دستور زیر یک پروژه جدید ایجاد می کند:
1 2 3 | ng new PROJECT-NAME cd PROJECT-NAME ng serve // |
خط اول یک پروژه جدید با نام PROJECT-NAME ایجاد می کند. خط دوم دایرکتوری فعلی را به دایرکتوری پروژه ایجاد شده تغییر می دهد و خط سوم هم پروژه ایجاد شده را اجرا می کند تا در مرورگر نمایش داده شود.
اگر در مرورگر خود به آدرس http://localhost:4200 بروید می توانید خروجی پروژه ایجاد شده را مشاهده کنید. 4200 پورت پیش فرض خود انگولار است اما اگر نیاز باشد که آن را تغییر دهید می توانید از دستور زیر استفاده کنید:
1 | ng serve --host 0.0.0.0 --port 4201 |
دستور فوق پورت سروس محلی انگولار را به 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 اضافه می شود.
هیچ نظری ثبت نشده است