آموزش CLI در انگولار 4
آموزش CLI در انگولار 4
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش CLI در انگولار 4 خواهیم پرداخت.
Angular CLI شروع کار با هر پروژه انگولار را آسان می کند. Angular CLI با دستوراتی همراه است که به ما کمک می کند پروژه خود را خیلی سریع ایجاد و شروع کنیم. اکنون اجازه دهید دستورات موجود برای ایجاد یک پروژه، یک جزء و خدمات، تغییر پورت و غیره را مرور کنیم.
برای کار با Angular CLI باید آن را روی سیستم خود نصب کنیم. اجازه دهید از دستور زیر برای همان – استفاده کنیم
|
1 |
npm install -g @angular/cli |
برای ایجاد یک پروژه جدید می توانیم دستور زیر را در خط فرمان اجرا کنیم و پروژه ایجاد می شود.
|
1 2 3 |
ng new PROJECT-NAME cd PROJECT-NAME ng serve // |
ng serve // کامپایل می‌شود و می‌توانید خروجی پروژه خود را در مرورگر مشاهده کنید
|
1 |
http://localhost:4200/ |
4200 پورت پیش فرضی است که هنگام ایجاد یک پروژه جدید استفاده می شود. با دستور زیر می توانید پورت را تغییر دهید
|
1 |
ng serve --host 0.0.0.0 --port 4201 |
جدول زیر تعدادی از دستورات مهم مورد نیاز هنگام کار با پروژه های Angular 4 را فهرست می کند.
| Component | ng g component new-component |
| Directive | ng g directive new-directive |
| Pipe | ng g pipe new-pipe |
| Service | ng g service new-service |
| Module | ng g module my-module |
هر زمان که یک ماژول، یک جزء یا یک سرویس جدید ایجاد می شود، مرجع همان ماژول در app.module.ts ماژول والد به روز می شود.
لیست جلسات قبل آموزش انگولار 4
- آموزش انگولار 4
- بررسی اجمالی انگولار 4
- آموزش تنظیمات محیط انگولار 4
- آموزش راه اندازی پروژه در انگولار 4
- آموزش کامپوننت ها در انگولار 4
- آموزش ماژول در انگولار 4
- آموزش اتصال داده ها در انگولار 4
- آموزش اتصال رویداد در انگولار 4
- آموزش الگوها در انگولار 4
- آموزش دستورالعمل ها در انگولار 4
- آموزش پایپ ها در انگولار 4
- آموزش مسیریابی در انگولار 4
- آموزش سرویس ها در انگولار 4
- آموزش سرویس Http در انگولار 4
- آموزش فرم ها در انگولار 4
- آموزش انیمیشن ها در انگولار 4
- آموزش متریال ها در انگولار 4
.svg)
دیدگاه شما