使用 Blazor 利用 ASP.NET Core 生成第一个 Web 应用
创建应用
- 按 CTRL+SHIFT+P,在 VS Code 中打开命令面板。
- 键入 ".NET: " 来查看可使用 C# 开发工具包运行的命令!
- 查找“.NET: 新建项目”,并将其选中来创建新的 .NET 项目。
- 向下滚动并选择“Blazor Web 应用”。
- 选择要保存项目的文件夹位置。
- 出现提示时,在命令面板中命名项目
BlazorApp
。按 Enter 进行确认。
选中复选框并选择是,我信任作者以启用工作区信任。
如果你有 Visual Studio 订阅,请登录你的帐户。如果没有看到弹出提示,请单击窗口右下角 VS Code 状态栏中的 C# 图标。
在边栏中,确保 VS Code 资源管理器已打开。此处将显示 BlazorApp
文件夹和解决方案资源管理器。按照以下视频进行操作: 折叠 BlazorApp
文件夹,打开解决方案资源管理器,打开 BlazorApp
项目,然后将解决方案资源管理器拖放到更高的位置。
- 折叠 VS Code 资源管理器中的
BlazorApp
文件夹。 - 单击解决方案资源管理器左侧的 V 形图标可将其展开。
- 单击“解决方案资源管理器”中
BlazorApp
项目的左侧的 V 形图标可将其展开。 - 将“解决方案资源管理器”拖放到 BlazorApp下。
已在 Visual Studio Code 中创建并加载你的项目。使用“解决方案资源管理器”查看项目内容。
已创建多个文件,以为你提供可运行的简单 Blazor 应用。
Program.cs
是启动服务器以及在其中配置应用服务和中间件的应用的入口点。-
在
Components
目录中:App.razor
为应用的根组件。Routes.razor
配置 Blazor 路由器。Pages
目录包含应用的一些示例网页。
BlazorApp.csproj
定义应用项目及其依赖项,且可以通过双击解决方案资源管理器中的 BlazorApp 项目节点进行查看。Properties
目录中的launchSettings.json
文件为本地开发环境定义不同的配置文件设置。创建项目时会自动分配端口号并将其保存在此文件上。
如果一切正常,请选择下面的 继续 按钮以转到下一步。