You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何获取Empty ASP.NET Web Site模板或用ASP.NET Core空项目开发JS/HTML?

解决Visual Studio中JS/HTML开发及调试的两种方案

一、获取Empty ASP.NET Web Site模板

这个模板属于传统.NET Framework体系的ASP.NET项目,默认可能未安装,需通过Visual Studio安装器补充:

  • 打开Visual Studio安装器,点击「修改」
  • 在「工作负载」标签下,勾选「ASP.NET 和 Web 开发」以及「.NET Framework 项目和项模板」
  • 完成安装后,回到Visual Studio创建新项目,搜索「Empty ASP.NET Web Site」,选择对应.NET Framework版本即可创建,之后直接添加HTML、JS、CSS文件就能开发调试。

二、用ASP.NET Core空项目实现需求

如果不想用传统模板,用现有ASP.NET Core空项目也能快速搭建,步骤如下:

  1. 配置静态文件支持
    打开项目中的Program.cs,在var app = builder.Build();之后添加静态文件中间件:
    // 先启用默认文件(可选,用于自动加载index.html)
    app.UseDefaultFiles();
    // 启用静态文件访问
    app.UseStaticFiles();
    
  2. 添加静态资源文件
    在项目根目录新建wwwroot文件夹(ASP.NET Core默认的静态文件存放目录),然后在里面创建HTML(比如index.html)、CSS、JS文件,直接编写代码即可。
  3. 调试设置
    • 直接按F5启动项目,若配置了UseDefaultFiles,默认会自动打开index.html
    • 调试JS:在Visual Studio中打开目标JS文件,设置断点,启动调试后在浏览器中触发对应JS逻辑,就能命中断点进行调试,和传统项目调试体验一致。

内容的提问来源于stack exchange,提问作者George Keeling

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 09:51:27