معرفی
در این مقاله قصد داریم نحوه راه اندازی محیط توسعه اپلیکیشن Angular 6 را در ویرایشگر کد ویژوال استودیو آموزش دهیم. ما اولین برنامه Angular 6 خود را ایجاد خواهیم کرد.
Angular چارچوبی برای ساختن یک اپلیکیشن سمت کلاینت است.
Angular برای توسعه SPA (برنامه تک صفحه ای) عالی است.
چرا از Angular به جای برخی دیگر از کتابخانه های جاوا اسکریپت استفاده کنیم؟ در اینجا برخی از ویژگی های عالی Angular آورده شده است.
- رویکرد مدولار
- کد قابل استفاده مجدد
- توسعه سریعتر و آسان تر
- واحد قابل آزمایش
پیش نیازها
- HTML، CSS و جاوا اسکریپت
- پایه تایپ اسکریپت
محیط توسعه
- گره
- Npm
- CLI زاویه ای
- ویرایشگر متن - کد بصری
مرحله 1
یک مرورگر را باز کنید که https://nodejs.org/en/ دانلود کنید و node js را بر اساس بیت پنجره خود نصب کنید.
گام 2
پس از نصب node js، خط فرمان node –v را باز کنید تا نسخه نصب شده node js را بررسی کنید.
npm –v را تایپ کنید تا نسخه npm را بررسی کنید. اگر هر دو دستور نسخه مربوطه خود را نشان دهند به این معنی است که گره با موفقیت نصب شده است.
مرحله 3
برای نصب Angular CLI دستور https://cli.angular.io/
را باز کنید.
مرحله 4
خط فرمان را باز کنید، دستور npm install –g @angular/cli را تایپ کنید. CLI را به صورت سراسری نصب می کند، جایی که g نشان دهنده جهانی است. برای بررسی نصب Angular CLI دستور ng –v را تایپ کنید
مرحله 5
خط فرمان npm install –g typescript را باز کنید، تایپ اسکریپت را در سیستم شما نصب می کند. اکنون tsc –version را در خط فرمان تایپ کنید تا نسخه تایپ اسکریپت نصب شده را بررسی کنید.