使用 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. 单击解决方案资源管理器左侧的 V 形图标可将其展开。
3. 单击“解决方案资源管理器”中 BlazorApp 项目的左侧的 V 形图标可将其展开。
4. 将“解决方案资源管理器”拖放到 BlazorApp下。

已在 Visual Studio Code 中创建并加载你的项目。使用“解决方案资源管理器”查看项目内容。

已创建多个文件，以为你提供可运行的简单 Blazor 应用。

• Program.cs 是启动服务器以及在其中配置应用服务和中间件的应用的入口点。

• 在 Components 目录中:

  • App.razor 为应用的根组件。
  • Routes.razor 配置 Blazor 路由器。
  • Pages 目录包含应用的一些示例网页。
• BlazorApp.csproj 定义应用项目及其依赖项，且可以通过双击解决方案资源管理器中的 BlazorApp 项目节点进行查看。
• Properties 目录中的 launchSettings.json 文件为本地开发环境定义不同的配置文件设置。创建项目时会自动分配端口号并将其保存在此文件上。

如果一切正常，请选择下面的 继续 按钮以转到下一步。