如何获取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空项目也能快速搭建,步骤如下:
- 配置静态文件支持
打开项目中的Program.cs,在var app = builder.Build();之后添加静态文件中间件:// 先启用默认文件(可选,用于自动加载index.html) app.UseDefaultFiles(); // 启用静态文件访问 app.UseStaticFiles(); - 添加静态资源文件
在项目根目录新建wwwroot文件夹(ASP.NET Core默认的静态文件存放目录),然后在里面创建HTML(比如index.html)、CSS、JS文件,直接编写代码即可。 - 调试设置
- 直接按F5启动项目,若配置了
UseDefaultFiles,默认会自动打开index.html - 调试JS:在Visual Studio中打开目标JS文件,设置断点,启动调试后在浏览器中触发对应JS逻辑,就能命中断点进行调试,和传统项目调试体验一致。
- 直接按F5启动项目,若配置了
内容的提问来源于stack exchange,提问作者George Keeling
相关产品推荐
相关产品推荐

