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 引入 + 几行注册代码的事,不复杂但容易忽略样式和脚本引用。
