Web Devs
644 subscribers
218 photos
22 videos
17 files
233 links
Articles, News, Jokes, Quotes, Back-End and UI/UX for web developers.
Github : https://github.com/fullStackDevsGroup
Advertising: @adsfullStackDevs
Download Telegram
راه‌اندازی Angular نسخه ۴ درون ASP.NET Core و در محیط Visual Studio 2017



قبل از هر چیز، لازم به ذکر است که هر چند که فریم‌ورک انگیولار از نسخه ۲ به بعد نسبت به نسخه ۱ تفاوت‌های اساسی کرده است، ولی جالب اینجاست که نام این فریم‌ورک نیز تغییر کوچکی داشته که لازم می‌دانم قبل شروع بحث آنرا به شما عزیزان خاطرنشان کنم. تا قبل از نسخه ۲، نام این فریم‌ورک AngularJS بود که بعد از آمدن نسخه ۲ و بعد از آن، نام این فریم‌ورک به Angular تغییر یافت. در ضمن بد نیست دوستان در جریان باشند که بعد از نسخه ۲ مستقیما نسخه ۴ Release گردید و نسخه ۳ وجود ندارد!

برای راه‌اندازی Angular و یا AngularJS در محیط Visual Studio 2015 و Visual Studio 2017 و در بسترهای ASP.NET MVC و ASP.NET MVC Core روش‌های زیادی تاکنون اعلام شده است. ولی امروز می‌خواهم یکی از راحت‌ترین و مطمین‌ترین روش‌ها را به شما عزیزان آموزش دهم.

۱. ابتدا Visual Studio 2017 را نصب نمایید.

۲. با استفاده از دستور ذیل در محیط Cmd کلیه Template های مناسب ASP.NET Core را نصب می‌کنیم.

?> dotnet new —install Microsoft.AspNetCore.SpaTemplates::*

۳. حال پوشه‌ای که می‌خواهید پروژه جدید خودتان را در آن بسازید (MY_ASP_NET_CORE)، ایجاد کرده و وارد آن شده و در محیط Cmdt دستور ذیل را بنویسید:

?\MY_ASP_NET_CORE> dotnet new angular

۴. با دستور فوق، تعدادی فایل و پوشه ایجاد می‌گردد.

۵. حال در محیط Windows Explorer وارد پوشه مذکور شده و بر روی فایل MY_ASP_NET_CORE.csproj که ایجاد شده است، Double Click نمایید.

۶. پس از ورود به محیط Visual Studio به طور اتوماتیک تمامی Module هایی که در داخل فایل package.json نوشته شده است به صورت اتوماتیک Download شده و در داخل پوشه‌ای به نام node_modules قرار می‌گیرند.

۷. ممکن است که نسخه درج شده از Angular‌ در فایل package.json قدیمی‌تر از آخرین نسخه باشد. در داخل فایل package.json برای تمام خطوط مربوط به Angualr نسخه ۴.۱.۲ درج گردیده، در حالی که در سایت Angular.io آخرین نسخه ۴.۲.۶ اعلام شده است. برای حل این مشکل، ابتدا در داخل فایل package.json تمام اعداد ۴.۱.۲ مربوط به Module های Angular را به عدد ۴.۲.۶ تغییر داده و سپس با Mouse بر روی فایل package.json رفته و کلید سمت راست ماوس را زده و گزینه Restore Packages را انتخاب می‌کنیم، تا مجددا از طریق اینترنت نسخه‌های مورد نظر ما را Download کرده و Replace نماید.


#Angular_4
#Angular
#MvcCore
#Mvc_Core
#Angular_In_Mvc


@ArmanAbi