[C#] Blazor练习1

个人练手笔记,对照官网练习.想学Blazor可以先看官网.

创建新的 Blazor 应

为了设置 Blazor 项目来配合工作，我们将使用 Visual Studio Code。Visual Studio Code 包含一个集成终端，这使创建新项目变得简单。如果不想使用其他代码编辑器，可在终端中运行此模块中的命令。

1. 在 Visual Studio Code 中，选择“文件” > “打开文件夹”。
2. 在选择的位置中新建一个名为 BlazorApp 的文件夹，然后单击“选择文件夹”。
3. 从主菜单中选择“视图” > “终端”，以便从 Visual Studio Code 中打开集成终端。
4. 在终端窗口中，复制粘贴以下命令。 dotnet new blazorserver -f net6.

除了一个名为 BlazorApp.csproj 的 C# 项目文件，此命令还将创建一个基本的 Blazor 服务器项目，其中包含所有必需的文件和页面。

你现在应可以访问以下文件。

-| bin
-| Data
-| obj
-| Pages
  -| _Host.cshtml
  -| Counter.razor
  -| Error.cshtml
  -| Error.cshtml.cs
  -| FetchData.razor
  -| Index.razor
-| Properties
-| Shared
  -| MainLayout.razor
  -| MainLayout.razor.css
  -| NavMenu.razor
  -| NavMenu.razor.css
  -| SurveyPrompt.razor
-| wwwroot
-| _Imports.razor
-| App.razor
-| appsettings.Development.json
-| appsettings.json
-| BlazorApp.csproj
-| Program.cs

如果 Visual Studio Code 提示你安装所需的资产，请选择“是”。

运行应用程序

在终端窗口中复制粘贴以下命令，在监视模式中运行应用：

dotnet watch

这将生成并启动应用，然后在你每次更改代码时重新生成并重启应用。浏览器会在地址 https://localhost:5000 处自动打开。

准备停止运行时，在 Visual Studio Code 中返回到终端并按 Ctrl+C 来停止应用。