این مقاله راه حل گام به گام راه اندازی Angular 2 با Visual Studio 2015 IDE را شرح می دهد. این برای کسانی است که ویژوال استودیو را به عنوان IDE دوست دارند.
پیش نیازها
- Node JS
Node.js برای راه اندازی این پروژه مورد نیاز است. برای نصب node.js، از این لینک در اینجا استفاده کنید . مطمئن شوید که نسخه Node 4.6.x یا بیشتر باشد. برای بررسی نسخه Node در سیستم خود، command prompt را باز کرده و دستور زیر را تایپ کنید.گره - v
- NPM (مدیر بسته گره)
NPM نیز برای راه اندازی این راه حل مورد نیاز است. مطمئن شوید که نسخه NPM باید 3.xx یا بیشتر باشد. برای بررسی نسخه NPM در سیستم خود، خط فرمان را باز کنید و دستور زیر را تایپ کنید،npm - v
- بهروزرسانی 3 Visual Studio 2015
Visual Studio با بهروزرسانی 3 برای این راهاندازی لازم است، زیرا نسخههای قبلی VS از بهترین روشها برای توسعه برنامهها با TypeScript پیروی نمیکنند.
برای بررسی نسخه Visual Studio نصب شده بر روی سیستم خود، به منوی Help -> About Microsoft Visual Studio بروید
اگر VS 2015 با به روز رسانی 3 را ندارید، برای نصب اینجا را کلیک کنید .
- Typescript
TypeScript برای Visual Studio نیز برای راه اندازی این راه حل مورد نیاز است. مطمئن شوید که نسخه TypeScript باید 2.2 یا بیشتر باشد. برای بررسی نسخه TypeScript در سیستم خود، روی منوی Help در ویژوال استودیو کلیک کنید و درباره Microsoft Visual Studio را انتخاب کنید،برای نصب TypeScript با Visual Studio 2015، اینجا را کلیک کنید .
- پیکربندی ابزارهای وب خارجی در ویژوال استودیو
لازم است ویژوال استودیو را برای استفاده از ابزارهای وب خارجی جهانی به جای ابزارهایی که با ویژوال استودیو عرضه می شوند، پیکربندی کنید.
برای پیکربندی آن، لطفا مراحل زیر را دنبال کنید
- به منوی Tools رفته و بر روی Options کلیک کنید .
- در درخت سمت چپ، Project and Solutions و سپس External Web Tools را انتخاب کنید
- در پنجره مکان سمت راست، ورودی $(PATH) را به بالای $(DevEnvDir)\....\External منتقل کنید
- برای بستن پنجره و راه اندازی مجدد ویژوال استودیو روی ok کلیک کنید.
اکنون استودیو ویژوال برای راه اندازی مرحله به مرحله آماده است.
راه اندازی فایل های Angular 2 با ویژوال استودیو
مرحله 1. پروژه خالی ASP.NET Web Application را ایجاد کنید
- ویژوال استودیو را به عنوان مدیر اجرا کنید
- روی File -> New Project کلیک کنید
- "Web" را در زیر "Visual C#" انتخاب کنید. از پنجره سمت راست "ASP.NET Web Application" را انتخاب کنید.
- نام پروژه را "Angular2StudentDemo" بگذارید
- در صفحه بعدی، الگوی "Empty" را انتخاب کنید و روی "OK" کلیک کنید.
مرحله 2 با استفاده از
لینک
زیر فایل های Angular QuickStart را از Github دانلود کنید . پوشه را دانلود و استخراج کنید.
مرحله 3