使用 Blazor 組建您的第一個具有 ASP.NET Core 的 Web 應用程式

建立您自己的應用程式

1. 按下 CTRL+SHIFT+P，在 VS Code 中開啟命令選擇區。
2. 按下 CMD+SHIFT+P，在 VS Code 中開啟命令選擇區。
3. 輸入 .NET: 以查看您可以使用 C# 開發套件執行的命令!
4. 尋找並選取 [.NET: 新專案] 以建立新的 .NET 專案。
5. 向下捲動並選取 [Blazor Web 應用程式]。
6. 選擇您要儲存專案的資料夾位置。
7. 收到提示時，在命令選擇區中將專案命名為 BlazorApp。按 Enter 以確認。

勾選方塊並選取 [是，我信任作者]，以啟用 [工作區信任]。

如果您有 Visual Studio 訂閱，請登入您的帳戶。如果您沒有看到提示快顯視窗，請按一下視窗右下方 VS Code 狀態列中的 C# 圖示。

確定側邊欄中的 VS Code 總管已開啟。您會在這裡看到 BlazorApp 資料夾與方案總管。
請跟著下方的影片執行動作: 摺疊 BlazorApp 資料夾、開啟方案總管、開啟 BlazorApp 專案，將方案總管拖放至較高位置。

1. 摺疊 VS Code 總管中的 BlazorApp 資料夾。
2. 按一下方案總管左側的箭號即可展開。
3. 按一下 [方案總管]中 BlazorApp 專案左側的箭號即可展開此專案。
4. 將 [方案總管] 拖放至 BlazorApp 下方。

您的專案會建立並載入 Visual Studio Code。使用 [方案總管] 查看專案的內容。

已建立數個檔案，為您提供一個已準備執行的簡單 Blazor 應用程式。

• Program.cs 是啟動伺服器以及您在其中設定應用程式服務與中介軟體之應用程式的進入點。

• 在 Components 目錄中:

  • App.razor 是應用程式的根元件。
  • Routes.razor 設定 Blazor 路由器。
  • Pages 目錄會包含應用程式的一些範例網頁。
• BlazorApp.csproj 會定義應用程式專案及其相依性，在方案總管中按兩下 BlazorApp 專案節點即可檢視。
• Properties 目錄內的 launchSettings.json 檔案會定義本機開發環境的不同設定檔設定。專案建立時會自動指派連接埠編號，並儲存在此檔案。

如果一切順利，請選取下方的 [繼續] 按鈕以移至下一個步驟。