در این مقاله نحوه راه اندازی یک محیط توسعه Angular 2 در Visual Studio 2017 بدون استفاده از Angular CLI را یاد خواهیم گرفت.
پیش نیازها
- Node.JS باید نصب شود (اگر نصب نیست به لینک دانلود و نصب بروید ).
- NPM باید نصب شود (برای نصب NPM خط فرمان را اجرا کنید: npm install -g npm@latest).
- ویژوال استودیو 2017 باید نصب شود.
یک پروژه ASP.NET MVC یا Web API ایجاد کنید.
مرحله 2
دستور زیر را در کنسول Package Manager اجرا کنید:
PM> Install-Package Angular2-Template-for-MVC-and-WebAPI -Version 1.0.0
[دستورالعمل کنسول را دنبال کنید و طبق نیاز خود پرچم Y یا N بدهید.
مرحله 3
به پروژه بروید و "package.json" را جستجو کنید. روی آن کلیک راست کرده و عبارت Restore Packages را جستجو کرده و روی آن کلیک کنید.
چند دقیقه طول می کشد؛ صبور باشید و صبر کنید تا بسته ها با موفقیت نصب شوند. ممکن است پروژه شما کامپایل نشده باشد و مانند صفحه زیر چندین خطای کامپایل دریافت کنید. اگر این اتفاق افتاد، Visual Studio 2017 را مجددا راه اندازی کنید و دوباره راه حل را بسازید. من مطمئن هستم که این بار باید با موفقیت کامپایل شود.
مرحله 4
پروژه را اجرا کنید و می توانید خروجی Angular 2 را ببینید.
مرحله 5 - انجام شد
تبریک می گوییم! شما با موفقیت یک محیط توسعه Angular 2 را در Visual Studio 2017 ایجاد کردید. اگر سؤال یا نگرانی دارید، فقط به من بگویید یا فقط در کادر نظر قرار دهید و در اسرع وقت پاسخ خواهم داد. من برای بحث در مورد هر چیزی حتی سؤالات احمقانه نیز آماده هستم. اگر پیشنهادی در رابطه با این مقاله دارید، لطفاً به من اطلاع دهید و قول می دهم که این مقاله را به حداکثر سطح ارتقا دهم.
خلاصه
در این مقاله نحوه ایجاد یک محیط توسعه Angular 2 در Visual Studio 2017 در سی شارپ را یاد گرفتیم.