راه‌اندازی 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

#React
#JQuery
#Vue
#Angular

for fun !

@ABlueDeveloper

#React #ReactNative #Angular #Vue

A Recap of Frontend Development in 2018

خلاصه توسعه در FrondEnd در سال 2018!

📌 لینک مطلب : https://goo.gl/Fud5au

@fullStackDevs

#FAQ
What is this ?

مجموعه ای کامل از سوالات مصاحبه ،‌ همراه با پاسخ و برخی از نکات کد که به شما کمک می کند تا برای مصاحبه های فنی آماده شوید . بسیاری از این سؤالات از مصاحبه های واقعی هستند و برای اکثرمفاهیم وب سوال وجود دارد

توجه داشته باشید که بسیاری از این سوالات باز هستند و می توانند منجر به بحث های جالبی شوند
مطالب مورد پوشش :‌
#JavaScript #React #VueJs #Angular #NodeJs #AngularJS #Bootstrap #CSS #HTML5 #Sass #Webpack #MongoDB #SQL #GraphQL #CSharp #Golang #Java #ASPNET #ASPNETMVC #NETFramework #Ruby #RubyOnRails #TypeScript #PHP #Android #RESTAPI #DataStructures #DesignPattern #Swift #Agile #Scrum



📌📌 لینک : https://goo.gl/KaMsmK
@fullStackDevs

#Angular

Designing Scalable Angular Apps: Pages, Containers and Views

Terminology and a methodology that would help you build a scalable Angular application

http://amp.gs/jjtsl

@fullStackDevs