Blazor 怎么创建第一个应用

新手推荐从 Blazor Server 入手，用 .NET CLI 执行 dotnet new blazorserver -n MyFirstBlazor 创建项目并 dotnet run 启动，默认访问 https://www./link/8b49217b4e704d2c40e5908ebd53eda5；Visual Studio 中选择“Blazor Server App”模板创建，F5 调试支持热重载，核心文件包括 Program.cs、App.razor 和 Pages/Counter.razor。

用 Visual Studio 或 .NET CLI 创建 Blazor 应用非常简单，关键是选对模板和运行方式。Blazor 分为 Blazor Server 和 Blazor WebAssembly 两种托管模型，新手推荐从 Blazor Server 入手——它无需浏览器下载大量 .NET 运行时，启动快、调试顺、依赖少。

用 .NET CLI 快速创建 Blazor Server 应用

确保已安装 .NET SDK（建议 8.0 或 9.0）。打开终端，执行：

• dotnet new blazorserver -n MyFirstBlazor —— 创建名为 MyFirstBlazor 的服务端 Blazor 项目
• cd MyFirstBlazor
• dotnet run —— 启动应用，默认访问 https://www./link/8b49217b4e704d2c40e5908ebd53eda5

浏览器打开后就能看到默认首页，带导航菜单和交互式计数器——这就是你第一个可运行的 Blazor 页面。

用 Visual Studio 图形化创建（Windows/macOS）

打开 Visual Studio（2025 17.4+），选择「创建新项目」→ 搜索 “Blazor Server App” → 点击创建 → 填写项目名、位置、框架（如 .NET 8.0）→ 完成。

• 解决方案资源管理器里重点看 Pages/Counter.razor：这是带按钮和状态更新的组件，双击就能编辑
• 按 F5 直接启动调试，修改代码后保存，浏览器会自动刷新（启用热重载）

关键文件和运行逻辑说明

Blazor Server 不是纯前端框架，它通过 SignalR 实时连接服务器，UI 更新在服务端渲染，再推送到浏览器。所以你不需要配 Webpack 或 npm 构建流程。

• Program.cs 是入口，注册了服务并配置了路由中间件
• App.razor 是根组件，定义了路由规则（）和布局（、）
• _Imports.razor 自动导入常用命名空间，避免每个 .razor 文件重复写 @using

下一步可以试试的小改动

验证是否真正上手，动手改两处：

• 打开 Pages/Counter.razor，把 currentCount++ 改成 currentCount += 2，保存后点“Click me”，数字每次加 2
• 在 Shared/NavMenu.razor 中新增一个菜单项：Hello，再新建 Pages/Hello.razor，写上

  Hello from Blazor!

基本上就这些。不复杂但容易忽略的是：Blazor Server 默认启用 HTTPS 开发证书，首次运行可能弹出信任提示，按向导操作一次即可。

# 前端  # windows  # npm  # 浏览器  # app  # mac  # 路由  # macos  # 资源管理器  # win  # cos  # .net  # red  # 中间件  # webpack  # 前端框架  # 命名空间  # using  # class  # href  # visual studio  # https  # ui  # router  # 就能  # 服务端  # 的是  # 这是  # 第一个  # 首次  # 两种  # 你不  # 弹出  # 双击 

相关文章： ,怎么在广州志愿者网站注册？  高端企业智能建站程序：SEO优化与响应式模板定制开发  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  如何快速建站并高效导出源代码？  建站主机核心功能解析：服务器选择与网站搭建流程指南  C#怎么创建控制台应用 C# Console App项目创建方法  中山网站推广排名,中山信息港登录入口？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  手机网站制作与建设方案,手机网站如何建设？  C++时间戳转换成日期时间的步骤和示例代码  简单实现Android文件上传  视频网站app制作软件,有什么好的视频聊天网站或者软件？  如何快速搭建高效WAP手机网站？  测试制作网站有哪些,测试性取向的权威测试或者网站？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  h5网站制作工具有哪些,h5页面制作工具有哪些？  如何在云主机快速搭建网站站点？  建站10G流量真的够用吗？如何应对访问高峰？  建站之星云端配置指南：模板选择与SEO优化一键生成  如何在Windows环境下新建FTP站点并设置权限？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  如何在万网主机上快速搭建网站？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  如何选择高效响应式自助建站源码系统？  定制建站流程解析：需求评估与SEO优化功能开发指南  黑客如何利用漏洞与弱口令入侵网站服务器？  如何快速配置高效服务器建站软件？  高端建站如何打造兼具美学与转化的品牌官网？  如何在七牛云存储上搭建网站并设置自定义域名？  网站制作服务平台,有什么网站可以发布本地服务信息？  Android自定义listview布局实现上拉加载下拉刷新功能  Python lxml的etree和ElementTree有什么区别  已有域名如何免费搭建网站？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  如何零基础开发自助建站系统？完整教程解析  网站制作难吗安全吗,做一个网站需要多久时间？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  建站之星备案流程有哪些注意事项？  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  如何快速搭建高效可靠的建站解决方案？  如何选择靠谱的建站公司加盟品牌？  定制建站哪家更专业可靠？推荐榜单揭晓  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站，我要发表小说？  如何在IIS中新建站点并解决端口绑定冲突？  如何在Windows服务器上快速搭建网站？  宝塔Windows建站如何避免显示默认IIS页面？