(9 امتیاز از 2 رای)
Loading...
دستورات CLI در انگولار 7
CLI در انگولار 7 به ما کمک می کند تا کارهای مختلف را بسیار سریع تر و راحتر انجام دهیم. در این بخش نحوه استفاده از CLI انگولار 7 و برخی از دستورات آن از جمله دستورات مربوط به ساخت پروژه جدید، ایجاد کامپوننت، ایجاد سرویس، تغییر پورت و غیره را بررسی خواهیم کرد.
قبل از استفاده از 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 بروید می توانید خروجی پروژه ایجاد شده را مشاهده کنید. ۴۲۰۰ پورت پیش فرض خود انگولار 7 است اما اگر نیاز باشد که آن را تغییر دهید می توانید از دستور زیر استفاده کنید:
1 | 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 فقط همیناست که تو جدول بالا گذاشتین یا بازم هست؟
سلام اینجا میتونید لیست کاملی از دستورات CLI رو مشاهده کنید: All Angular CLI commands