Visual Studio Code にて Blazor開発をするための準備手順
想定開発環境、状況など
- Windows10
- Visual Studio CodeはInstall済み
- 2021/8/12 現在での情報となります。
手順① .NET Core をインストールする
インストーラーを、下のページからダウンロード
https://docs.microsoft.com/ja-jp/dotnet/
アプリの作成をしたいので、SDKの方をダウンロードします。
※ Runtimeは、動作させたい方用
ダウンロードしたExeを実行し、後はダイアログに従ってください。
手順② .NET Core コマンドを使用し、Blazorテンプレートの名称を取得
コマンドラインにて、
dotnet new --list
を、実行すると使用可能なテンプレートの一覧が取得できるので、
その中から、「Blazor Server App」or 「Blazor WebAssembly App」どちらかの、
『短い名前』をメモしてください。
現在は、
Blazor Server App ： blazorserver
Blazor WebAssemgly App ： blazorwasm
で定義されています。
手順③ .NET Core コマンドを使用し、Blazorテンプレートを作成する
コマンドラインにて、
dotnet new blazorserver --name 【作成したいプロジェクト名】
を、実行すると、テンプレートプロジェクトが作成される。
手順④ Visual Studio Code で該当フォルダを読込
Visual Studio Codeの、
[ファイル]-[フォルダを開く]で、ダイアログを表示し、
先ほど作成したフォルダを選択する。