آموزش CLI در انگولار ۲

3 سال پیش

آموزش CLI در انگولار ۲

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش CLI در انگولار ۲ خواهیم پرداخت.

رابط خط فرمان (CLI) می تواند برای ایجاد برنامه Angular JS ما استفاده شود. همچنین در ایجاد واحد و تست های کامل به برنامه کمک می کند.

وب سایت رسمی Angular CLI https://cli.angular.io/ است

angular.io

اگر روی گزینه Get started کلیک کنید، به مخزن github برای CLI هدایت می شوید https://github.com/angular/angular-cli

Angular.cli
بیایید اکنون برخی از کارهایی را که می توانیم با Angular CLI انجام دهیم، بررسی کنیم.

آموزش نصب CLI

توجه – لطفاً اطمینان حاصل کنید که پایتون بر روی سیستم نصب شده است. پایتون را می توان از سایت https://www.python.org/ بارگیری کرد

Python

اولین قدم نصب CLI است. ما می توانیم این کار را با دستور زیر انجام دهیم –

npm install –g angular-cli

 

اکنون، یک پوشه جدید به نام angularCLI در هر فهرست ایجاد کرده و دستور بالا را صادر کنید.

Angular.cli Directory
پس از انجام این کار، CLI نصب می شود.

CLI Installed

ایجاد پروژه

پروژه Angular JS را می توان با استفاده از دستور زیر ایجاد کرد.

ng new Project_name

 

مولفه های CLI

Project_name – این نام پروژه ای است که باید ایجاد شود.

خروجی

None

 

مثال

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

ng new demo2

 

به طور خودکار فایل ها را ایجاد کرده و بارگیری بسته های لازم npm را آغاز می کند.

npm Packages
اکنون در کد ویژوال استودیو می توانیم پروژه تازه ایجاد شده را باز کنیم.

Newly Created Project

اجرای پروژه

برای اجرای پروژه ، باید دستور زیر را صادر کنید –

ng server

 

ng Server
شماره پورت پیش فرض برای برنامه در حال اجرا ۴۲۰۰ است. می توانید به پورت رفته و برنامه در حال اجرا را مشاهده کنید.

APP Works

 

منبع.

لیست جلسات قبل آموزش آنگولار ۲

  1. آموزش انگولار ۲
  2.  مرور کلی آنگولار ۲
  3. آموزش محیط انگولار ۲ 
  4. آموزش Hello World در انگولار ۲
  5. آموزش ماژول ها در انگولار ۲
  6. آموزش معماری در انگولار ۲
  7. آموزش کامپوننت ها در انگولار ۲
  8. آموزش قالب ها در انگولار ۲
  9. آموزش دستورالعمل ها در انگولار ۲
  10. آموزش متادیتا در انگولار ۲
  11. آموزش اتصال داده ها در انگولار ۲
  12. آموزش عملیات CRUD با استفاده از HTTP در انگولار ۲
  13. آموزش مدیریت خطا در انگولار ۲
  14. آموزش مسیریابی در انگولار ۲
  15. آموزش ناوبری در انگولار ۲
  16. آموزش فرم ها در انگولار ۲
0
برچسب ها :
نویسنده مطلب erfan molaei

دیدگاه شما

بدون دیدگاه