Blazor 怎么安装和配置环境

来源:这里教程网 时间:2026-02-21 17:33:06 作者:

Blazor 环境安装和配置其实很直接,核心就三步:装好 .NET SDK、选对开发工具、创建项目验证。不需要额外装 Node.js 或前端构建链,除非你有特殊集成需求。

1. 安装 .NET SDK(必须)

Blazor 是 .NET 原生框架,依赖 .NET SDK,不是 npm 包或 JS 工具链。

下载并安装 .NET 8 SDK(推荐,长期支持且性能最佳);最低要求是 .NET 6,但新项目不建议用旧版本 Windows/macOS/Linux 都支持,官网地址:https://www.php.cn/link/c9f8941c38b7d49a586adf043f2acf21 安装完后在终端运行:
dotnet --version

应输出类似
8.0.100
的版本号
再检查 Blazor 模板是否就绪:
dotnet new --list | findstr blazor
(Windows)或
dotnet new --list | grep blazor
(macOS/Linux)
看到
blazorserver
blazorwasm
即说明环境已识别 Blazor

2. 选择并配置开发工具(任选其一)

不用强求 Visual Studio,轻量级方案同样高效。

Visual Studio 2022(推荐用于企业/复杂项目)
安装时勾选「ASP.NET 和 Web 开发」工作负载,自动包含 Blazor 支持
VS Code(推荐用于快速启动或学习)
装好 .NET SDK 后,只需安装 Microsoft 官方 C# 扩展(扩展 ID:
ms-dotnettools.csharp
),无需其他插件即可编辑、调试、运行 Blazor 项目

3. 创建并运行第一个项目(5分钟验证)

用命令行最直观,不依赖 IDE 图形界面。

创建 Blazor Server 项目:
dotnet new blazorserver -o MyBlazorApp
进入目录:
cd MyBlazorApp
运行:
dotnet run
打开浏览器访问 https://www.php.cn/link/8b49217b4e704d2c40e5908ebd53eda5,看到默认首页、计数器、天气页即成功 如想试 WebAssembly 版,把上面命令中的
blazorserver
换成
blazorwasm
即可

基本上就这些。后续加 Ant Design Blazor 或 MASA Blazor 这类 UI 库,只是 NuGet 引入 + 几行注册代码的事,不复杂但容易忽略样式和脚本引用。

相关推荐