0

0

Blazor 创建项目详细教程

煙雲

煙雲

发布时间:2026-01-03 10:14:02

|

571人浏览过

|

来源于php中文网

原创

创建blazor项目需先安装.net sdk(推荐.net 8)和vs 2022 17.8+;cli命令:dotnet new blazorserver -n myblazorapp -f net8.0或dotnet new blazorwasm -n mywasmapp -f net8.0 --hosted;vs中选择对应模板并勾选“.net 8.0”及“asp.net core托管”即可快速生成可运行项目。

blazor 创建项目详细教程

用 Visual Studio 或 .NET CLI 创建 Blazor 项目非常直接,关键是要选对模板和目标框架。下面分步骤讲清楚怎么创建一个可用的 Blazor 项目,包括服务端(Blazor Server)和 WebAssembly(Blazor WASM)两种主流类型。

确认开发环境已就绪

Blazor 是 .NET 生态的一部分,必须先装好对应版本的 .NET SDK(推荐 .NET 8 或 .NET 9,目前 LTS 版本是 .NET 8)。打开终端或命令行,运行:

dotnet --version

如果显示版本号(如 8.0.400),说明 SDK 已安装。Visual Studio 用户建议使用 VS 2022 17.8+,并勾选“ASP.NET 和 Web 开发”工作负载。

用 CLI 快速创建 Blazor Server 项目

这是最轻量、适合内网或快速原型的方案,所有逻辑在服务器执行,实时通过 SignalR 推送 UI 更新。

PHP5 MySQL 编程入门
PHP5 MySQL 编程入门

既有较为详细的PHP与MySQL基础知识介绍,也有大量针对不同应用的技术说明,并伴随了大量小而精的示例来加深读者的理解,便于通过实验来掌握知识并学会应用。令书以PHP开发者为核心,从环境搭建到系统开发,从局部技术点到项目全程把握,立体式介绍了PHP5+MySQL的技术要点以及丰富的延伸知识,可以让读者享受到提升开发能力的极速体验。

下载

dotnet new blazorserver -n MyBlazorApp -f net8.0

  • -n MyBlazorApp:指定项目名和文件夹名
  • -f net8.0:明确指定目标框架(避免默认用最新预览版)
  • 生成后进入目录:cd MyBlazorApp
  • 运行:dotnet run浏览器打开 https://localhost:5001 即可看到首页

用 CLI 创建 Blazor WebAssembly(WASM)项目

适合部署到静态网站(如 GitHub Pages、Azure Static Web Apps),代码下载到浏览器中运行,支持 PWA 和离线能力。

dotnet new blazorwasm -n MyWasmApp -f net8.0 --hosted

  • --hosted:加上这个参数会生成“托管式”结构——包含一个 ASP.NET Core 后端 API 项目 + 一个独立的 WASM 前端项目,方便调用服务端接口
  • 不加 --hosted 就是纯客户端项目(无后端,只能调外部 API 或本地存储)
  • 运行整个托管方案:dotnet run(默认启动后端,前端自动由后端提供)

用 Visual Studio 图形界面创建(更直观)

打开 VS → “创建新项目” → 搜索 Blazor → 选择以下任一模板:

  • Blazor Server App:选“.NET 8.0”框架,认证方式按需选(如“无身份验证”)
  • Blazor WebAssembly App:勾选“ASP.NET Core 托管”即等效 CLI 的 --hosted
  • 点击“创建”,VS 自动还原 NuGet 包并生成完整解决方案
  • F5 运行即可,调试体验比 CLI 更友好(断点、热重载都支持)

基本上就这些。创建完项目后,Pages/Counter.razorPages/FetchData.razor 是两个典型示例页面,可以马上改着试。注意区分 Program.cs 中的服务注册方式(Server 用 AddServerSideBlazor(),WASM 用 AddBlazorWebAssemblyHostedService() 等),后续扩展功能时别混用。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

1923

2023.10.19

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

656

2025.10.17

php8.4实现接口限流的教程
php8.4实现接口限流的教程

PHP8.4本身不内置限流功能,需借助Redis(令牌桶)或Swoole(漏桶)实现;文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2392

2025.12.29

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

47

2026.01.19

github中文官网入口 github中文版官网网页进入
github中文官网入口 github中文版官网网页进入

github中文官网入口https://docs.github.com/zh/get-started,GitHub 是一种基于云的平台,可在其中存储、共享并与他人一起编写代码。 通过将代码存储在GitHub 上的“存储库”中,你可以: “展示或共享”你的工作。 持续“跟踪和管理”对代码的更改。

4129

2026.01.21

http与https有哪些区别
http与https有哪些区别

http与https的区别:1、协议安全性;2、连接方式;3、证书管理;4、连接状态;5、端口号;6、资源消耗;7、兼容性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2904

2024.08.16

cdn加速软件有哪些
cdn加速软件有哪些

CDN加速软件可以帮助网站提高内容访问速度和用户体验,降低服务器负载。在选择CDN加速软件时,需要根据实际需求和预算进行权衡,选择合适的软件和服务商。cdn加速软件有AWS CloudFront、Azure Content Delivery Network、Google Cloud CDN、Fastly、Cloudflare和Incapsula。

332

2023.10.19

Golang WebAssembly(WASM)开发入门
Golang WebAssembly(WASM)开发入门

本专题系统讲解 Golang 在 WebAssembly(WASM)开发中的实践方法,涵盖 WASM 基础原理、Go 编译到 WASM 的流程、与 JavaScript 的交互方式、性能与体积优化,以及典型应用场景(如前端计算、跨平台模块)。帮助开发者掌握 Go 在新一代 Web 技术栈中的应用能力。

27

2026.02.02

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Node.js 教程
Node.js 教程

共57课时 | 13.2万人学习

CSS3 教程
CSS3 教程

共18课时 | 7万人学习

Vue 教程
Vue 教程

共42课时 | 9.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号