Blazor 怎么安装和配置环境

Blazor环境安装配置只需三步：安装.NET SDK（推荐.NET 8）、选择VS或VS Code开发工具、用dotnet new创建并运行项目验证；无需Node.js，5分钟即可完成。

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

1. 安装 .NET SDK（必须）

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

• 下载并安装 .NET 8 SDK（推荐，长期支持且性能最佳）；最低要求是 .NET 6，但新项目不建议用旧版本
• Windows/macOS/Linux 都支持，官网地址：https://www./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 2025（推荐用于企业/复杂项目）：
  安装时勾选「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./link/8b49217b4e704d2c40e5908ebd53eda5，看到默认首页、计数器、天气页即成功
• 如想试 WebAssembly 版，把上面命令中的 blazorserver 换成 blazorwasm 即可

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