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

建立您自己的應用程式

1. 按下 CTRL+SHIFT+P，在 VS Code 中開啟命令選擇區。
2. 按下 CMD+SHIFT+P，在 VS Code 中開啟命令選擇區。
3. 輸入 .NET: 以查看您可以使用 C# 開發套件執行的命令!
4. 尋找並選取 [.NET: 新專案] 以建立新的 .NET 專案。
5. Scroll down and select Blazor Web App.
6. 選擇您要儲存專案的資料夾位置。
7. Name the project BlazorApp in the command palette when prompted. Press Enter to confirm.

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

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

In the Side Bar, make sure the VS Code Explorer is open. Here you will see the BlazorApp folder and the Solution Explorer.
Follow along with the video below to: collapse the BlazorApp folder, open the Solution Explorer, open the BlazorApp project, and drag and drop the Solution Explorer higher.

1. Collapse the BlazorApp folder in the VS Code Explorer.
2. 按一下方案總管左側的箭號即可展開。
3. Click on the chevron to the left of the BlazorApp project in the Solution Explorer to expand it.
4. Drag and drop the Solution Explorer below BlazorApp.

Your project is created and loaded in Visual Studio Code. Take a look at the contents of your project using Solution Explorer.

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

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

• 在 Components 目錄中:

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

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