公式サンプルコードで Blazor WebAssembly アプリを作成（パターン２）

前提条件

Visual Studio のエディションは Community を使用します。
Blazor WebAssembly アプリの作成には 2 種類の作成方法があります。（2024.6.8 時点）
一つは、[新しいプロジェクトの作成] の時に、[Blazor Web App] を選択し、その中で [Blazor WebAssembly] を選択して作成する方法。
もう一つは、[新しいプロジェクトの作成] の時に、[Blazor WebAssembly] を選択して作成する方法です。
本記事では、[新しいプロジェクトの作成] の時に、[Blazor WebAssembly] を選択して作成する手順を記載します。

[新しいプロジェクトの作成] の時に、[Blazor WebAssembly] を選択して作成する

1. Visual Studio を起動し、[新しいプロジェクトの作成] をクリックしてください。
   

2. [すべてのプロジェクトの種類] で [Blazor] を選択してください。
   

3. [Blazor WebAssembly アプリ] を選択して、[次へ] をクリックしてください。
   

4. プロジェクト名、ソースの配置場所を入力後、[次へ] をクリックしてください。
   例では、プロジェクト名を [BlazorWASM2] にしています。
   

5. フレームワークに [.NET 8.0] を選択してください。
   [プログレッシブ Web アプリケーション] にチェックをいれてください。
   公式サンプルコードでアプリを作成するので、[include sample pages] にチェックをいれてください。
   その後、[作成] をクリックしてください。
   

6. 公式サンプルコードの Blazor WebAssembly が、Visual Studio で自動起動したら作成完了です。