تیشرت Laravel
خرید
اطلاعات بیشتر

شروع کار با Angular2

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

 

نصب Dependency های Angular2

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

sudo npm i -g angular-cli

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

angular-cli

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

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

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

sudo npm i -g typescript

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

اهمیت TypeScript

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

در همین رابطه :   ارسال آسان Push Notification به مرورگر با Push.js

 

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

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

ng new MyApp

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

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

ng serve

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

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

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

 

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

دسته بندی : JavaScript

پاسخ دهید

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

More in فونت
فونت های حرفه ای رایگان ۲۰۱۲

اکنون داریم به نیمه سال نزدیک می شویم و به احتمال زیاد شما دنبال فونت های جدید و زیبا می...

Close