آموزش نصب و راه‌اندازی Blazor؛ شروع قدرتمند با Visual Studio و VS Code

هر نجار ماهری به یک کارگاه مجهز نیاز دارد و هر برنامه‌نویس دات‌نتی به یک محیط توسعه (IDE) قدرتمند. در مقاله قبلی ([لینک به مقاله: بررسی جامع ASP.NET Core Blazor]) با چیستی و اهمیت بلیزر آشنا شدیم. حالا نوبت آن است که آستین‌ها را بالا بزنیم و ابزارهای لازم را روی سیستم خود نصب کنیم.

در این آموزش، ما محیط توسعه را برای .NET 8 (آخرین نسخه پایدار تا این لحظه) آماده می‌کنیم و نحوه راه‌اندازی پروژه در دو ویرایشگر محبوب یعنی Visual Studio 2022 و VS Code را بررسی خواهیم کرد.

قدم صفر: نصب موتور اصلی (.NET SDK)

قبل از انتخاب ویرایشگر، باید "کیت توسعه نرم‌افزار" یا همان SDK را نصب کنید. این پکیج شامل کامپایلر C#، ابزارهای خط فرمان و کتابخانه‌های پایه است.

1. به صفحه رسمی دانلود .NET بروید.
2. نسخه .NET 8.0 (LTS) را دانلود کنید (نسخه LTS پشتیبانی طولانی‌مدت دارد و برای پروژه‌های واقعی مناسب‌تر است).
3. فایل را اجرا و نصب کنید.
4. برای اطمینان از نصب، ترمینال (CMD) را باز کنید و دستور زیر را بنویسید:
5. Bash
6. 
   

dotnet --version

1. اگر عددی مثل 8.0.xxx دیدید، یعنی موتور روشن است!

انتخاب سلاح: Visual Studio یا VS Code؟

گزینه اول: Visual Studio 2022 (پیشنهاد ما برای ویندوز)

اگر کاربر ویندوز هستید و سیستمی با رم کافی (حداقل ۸ یا ۱۶ گیگابایت) دارید، شک نکنید. ویژوال استودیو یک IDE کامل است که همه‌چیز را برای شما آماده می‌کند.

مراحل نصب:

1. Visual Studio Installer را دانلود و اجرا کنید.
2. در صفحه انتخاب Workloads (بار کاری)، تیک گزینه ASP.NET and web development را بزنید.
3. دکمه Install را بزنید و صبر کنید (ممکن است چند گیگابایت دانلود داشته باشد).

نکته: ویژوال استودیو ابزارهایی مثل Hot Reload (تغییر کد حین اجرا) و دیباگر قدرتمند را به صورت پیش‌فرض در اختیار شما می‌گذارد که سرعت توسعه Blazor را چند برابر می‌کند.

گزینه دوم: Visual Studio Code (سبک و کراس‌پلتفرم)

اگر از مک (Mac) یا لینوکس استفاده می‌کنید، یا سیستم سبک‌تری دارید، VS Code گزینه ایده‌آلی است.

مراحل نصب:

1. آخرین نسخه VS Code را نصب کنید.
2. به بخش Extensions (آیکون مکعب‌ها در نوار سمت چپ) بروید.
3. اکستنشن رسمی C# Dev Kit (تولید شده توسط مایکروسافت) را جستجو و نصب کنید. این اکستنشن هوشمندی ویژوال استودیو را به VS Code می‌آورد.

ساخت اولین پروژه Blazor (Hello World)

بیایید مطمئن شویم همه چیز درست کار می‌کند. ما از روش خط فرمان (CLI) استفاده می‌کنیم که در هر دو ویرایشگر یکسان است.

1. یک پوشه جدید بسازید و ترمینال را در آن باز کنید.
2. دستور زیر را برای ساخت یک پروژه جدید Blazor WebAssembly وارد کنید:
3. Bash
4. 
   

dotnet new blazorwasm -o MyFirstBlazorApp

1. وارد پوشه پروژه شوید:
2. Bash
3. 
   

cd MyFirstBlazorApp

1. پروژه را اجرا کنید:
2. Bash
3. 
   

dotnet watch

اگر مرورگر شما به صورت خودکار باز شد و صفحه بنفش‌رنگ پیش‌فرض Blazor را دیدید، تبریک می‌گویم! شما رسماً وارد دنیای توسعه وب با دات‌نت شدید.

نتیجه‌گیری

اکنون ابزار کار شما آماده است. چه Visual Studio را انتخاب کرده باشید و چه VS Code، قدرت C# در دستان شماست. در مقاله بعدی، ساختار فایل‌های پروژه‌ای که همین الان ساختیم را کالبدشکافی می‌کنیم تا بفهمیم پشت پرده چه می‌گذرد.