شروع کار با Angular2

تبلیغات
کانال تلگرام فتولیا

در این مقاله می خواهیم جدیدترین نسخه از AngularJs یعنی Angular2 را به توجه به بهبودهای زیادی که نسبت به نسخه های قبلی داشته است، نصب کنیم.

 

نصب Dependency های Angular2

Angular2 روی Node.js کار می کند پس باید آخرین نسخه Node.js روی سیستم نصب باشد. برای نصب آن می توانید به سایت رسمی رفته و نسخه متناسب با سیستم عامل تان را دانلود و نصب کنید.بعد از نصب آن می رویم تا ماژول Command Line یا خط فرمان مربوط به Angular2 را نصب کنیم تا بتوانیم از طریق خط فرمان آن را مدیریت کنیم.دستورات زیر برای سیستم عامل Ubuntu هستند ولی با حذف sudo از اول اونها می تونید در ویندوز هم اجرا کنید.

بعد از نصب می توانید دستور زیر را در خط فرمان وارد کنید تا از درست نصب شدن آن مطمئن شوید:

اگر همه چیز درست پیش رفته باشد نتیجه زیر را خواهید دید:

همانطور که گفته شد angular command line ابزار رسمی است که توسط تیم Angular2 برای ایجاد و مدیریت پروژه های angular2 استفاده می شود و دارای بالاترین استاندارد و روش کدنویسی در این زمینه است.

dependency بعدی TypeScript است.برای نصب آن دستور زیر را در خط فرمان اجرا کنید:

بعد از نصب دستور زیر را وارد کنید و اگر نسخه فعلی TypeScript نصب شده را نمایش داد یعنی این ماژول هم بدرستی نصب شده است.

اهمیت TypeScript

به طور خلاصه ، TypeScript یعنی JavaScript با قابلیت چک کردن Type ها. این به این معنی است که با خطاهای کمتری هنگام اجرای برنامه مواجه خواهیم بود و بهره وری توسعه دهندگان نیز افزایش می یابد.به همین دلیل توسعه دهندگان angular2 استفاده از این ماژول را پیشنهاد می کنند.نصب dependency ها تمام شد.اجازه دهید برنامه جدید Angular2 را ایجاد کنیم.

در همین رابطه :   مقدمه کار با AngularJs

 

ایجاد برنامه جدید Angular2

برای ایجاد برنامه جدید angular2 کافیست در خط فرمان دستور زیر را وارد کنید:

این دستور یک پوشه با نام MyApp  ایجاد خواهد کرد.سپس همه dependency های مورد نیاز را نصب می کند.دقت کنید که به جای MyApp می توانید اسم برنامه خودتان را جایگزین کنید.

برای اجرای برنامه نیز دستور زیر را اجرا کنید:

برای دیدن برنامه به آدرس localhost:4200 بروید:

و کار می کند! می توانید کدها را در پوشه src بررسی کنید.

همانطور که دیدید شروع کار با Angular2 خیلی ساده بود .برای کسب اطلاعات بیشتر در این مورد می توانید اینجا و اینجا سر بزنید.

 

ترجمه توسط فتولیا

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

More in JavaScript
آموزش ایجاد فیلد انتخاب استان و شهر به صورت Ajax + لیست شهرها

یکی از کارهایی که معمولا در پروژه ها انجام میشه ایجاد فرم ها هست . برای ثبت نام کاربر، ثبت...

Close