آموزش مقدماتی تا پیشرفته، Asp.Net Core در VsCode - قسمت اول ، ساخت پروژه در VsCode

آموزش رایگان مقدماتی تا پیشرفته Asp.Net Core
آموزش رایگان مقدماتی تا پیشرفته Asp.Net Core



سلام دوستان،

با قسمت اول از دوره آموزشی Asp.Net Core مقدماتی تا پیشرفته همراه شما هستم،

امیدوارم که براتون مفید واقع بشه.


خب حاشیه نمیچینم و مستقیم میرم سر اصل مطلب.


ساخت پروژه در VS Code :

اول از همه، یک پوشه با اسم پروژه میسازیم


بعد از این کار ، Vs Code رو باز میکنیم و این پوشه رو داخل وی اس کد، انتخاب میکنیم.


میبینید که داخل یک پوشه هستیم و میتونیم در اینجا یه پروژه تشکیل بدیم.

اما قبل از ساخت پروژه، باید افزونه های لازم برای سی شارپ و دات نت رو نصب کنیم.


افزونه ها :

لیست افزونه های مورد نیاز :

C#

C# Extensions

C# Namespace Autocompletion

C# Snippets

Dotnet Core Essential

.Net Core Add Refrence

.Net Core Snippet Pack

.Net Core Tools

.Net Core Snippets

Asp.Net Core Switcher

Essentioal ASP.NET Core 3 Snippets

Html Css Support

HTML Snippets

JavaScript Snippets

Kit AutoComplete AI Code

Metrail Icon Theme

MSBuild project tools

Path Intellisense


خب حالا بعد از نصب افزونه، باید فایل نصبی دات نت 6 رو از لینک زیر دانلود کنید، و نصب کنید.

https://dotnet.microsoft.com/en-us/download/dotnet/6.0


بعد از اتمام این کار ها، میتونید که پروژه بسازید.


مرحله اول :

در مرحله اول، ما باید یک سلوشن بسازیم، که باهاش با پروژه ارتباط برقرار کنیم.

ولی قبلش باید بدونیم که اصلا سلوشن چیه؟!


سلوشن چیست؟

سلوشن یک حمل کننده است، که میتواند پروژه های مختلف را درون خود جای دهد.

به عنوان مثال، فرض کنید که میخواید یک نرم افزار سفارش غذا بسازید.

حالا سه تا پروژه باید تشکیل بدید، یکی نسخه وب، یکی نسخه اندروید، یکی نسخه ios،

سلوشن میاد چیکار میکنه، میاد این سه تا پروژه رو داخل خودش جا میده، که همه باهم توی یه قسمت باشن.

به عبارتی میشه یک خونه، که داخل خونه افراد مختلفی هستند که کار های متفاوتی رو انجام میدن.


خب حالا با توجه به این توضیحات بریم یک سلوشن بسازیم، که پروژه خودمون رو داخلش قرار بدیم.


اول از همه، ترمینال رو داخل مسیر پوشه ای که هستید باز کنید.

پس از باز شدن ترمینال، دستور زیر رو برای ساخت سلوشن، داخلش تایپ کنید :

dotnet new sln

بعد از اون، یک سلوشن، دقیقا با اسم پوشه ای که داخلش هستید، ساخته میشه


خب حالا نوبت به این میرسه که یک پروژه وب، تشکیل بدیم.

ابتدا یک پوشه با نام Shop.Web میسازیم.

خب حالا باید داخل پوشه یک پروژه تشکیل بدیم، بنابراین باید مسیر ترمینال رو به داخل پوشه مورد نظر تغییر بدیم.

برای تغییر مسیر ترمینال، باید کلمه cd رو بزنید، بعد با زدن کلید Tab (در ویندوز) میتونید پوشه های موجود رو مشاهده کنید.

پوشه Shop.Web رو انتخاب کرده، سپس اینتر رو فشار بدید.


حالا داخل ترمینال، دستور زیر رو تایپ کنید :

dotnet new mvc

همینطور که دارید میبینید، داخل پوشه، یک پروژه ساخته شده.

حالا باید پروژه رو به سلوشن متصل کنیم، یعنی ببریمش داخل خونه خودش که از آوارگی در بیاد.

با زدن دستور زیر، مسیر ترمینال رو به داخل پوشه ای که سلوشن هست، تنظیم کنید.


cd ../

حالا باید طبق قانون زیر، پروژه رو به سلوشن اضافه کنیم.

dotnet sln add &quotproject path&quot

پس به صورت زیر، پروژه رو به سلوشن اضافه میکنیم :

نکته : بعد از نوشتن dotnet sln add ، دکمه Tab رو فشار بدید، تا بتونید پوشه های موجود رو ببینید و پوشه ای که پروژه داخلش قرار داره رو انتخاب کنید.

بعد از زدن کلید اینتر، پروژه شما به سلوشن اضافه میشه و یک خونه برای خودش پیدا میکنه.

حالا بریم پروژه رو اجرا بگیریم ببینیم چطور میشه اجراش کرد.

اما قبل از اجرای پروژه، باید سیستم شما به Ssl اجازه اجرا شدن بده.

بعدا مفصل راجع به اینکه Ssl چیه صحبت میکنیم.

برای الان، شما دو خط کد پایین رو، به ترتیب، در ترمینال اجرا کنید.(مخصوص کاربران ویندوز)

اول

dotnet dev-certs https --clean

بعد از زدن کلید اینتر، یک صفحه برای شما باز میشه، که روی Yes باید کلیک کنید.

دوم :

dotnet dev-certs https --trust

باز هم یک صفحه باز میشه که روی Yes کلیک کنید.


کاربران لینوکس این لینک رو مشاهده کنند.


دوباره باید ترمینال رو مثل دفعه قبلی، به مسیری که پروژه داخلش قرار داره ببریم،
سپس با زدن دستور زیر، پروژه اجرا میشه و مرورگر شما باز میشه.

نکته : مرورگر پیشفرض شما باز میشه، پس حتما دقت کنید که اینترنت اکسپلورر نباشه.

dotnet watch run


همونطور که مشاهده میکنید، پروژه اجرا میشه و این صفحه رو مشاهده میکنید.

نکته : بعد از اتمام کار، حتما و حتما داخل ترمینال، کنترل سی ( ctrl + c ) رو بزنید که پروژه خاموش بشه و پورت اختصاص داده شده بهش، آزاد بشه. بستن مرورگر باعث بسته شدن پروژه نمیشه!


خب این بود قسمت اول، امیدوارم راضی باشد.

تا قسمت بعدی، خدا نگهدار :)