Visual Studio不提供纯HTML5项目模板,推荐使用VS Code:新建文件夹→创建index.html→输入!生成HTML5骨架;需本地服务器时安装Live Server插件即可。
Visual Studio(VS)本身不提供专门的“HTML5项目”模板,它面向的是 .NET 生态;真正适合纯 HTML5/CSS3/JavaScript 开发的,是 Visual Studio Code(简称 VS Code),不是 Visual Studio。如果你在 VS 里找“HTML5 Web App”模板,大概率会失败或得到一个带 ASP.NET 的混合项目——这不是你想要的轻量前端开发环境。
用 VS Code 新建 HTML5 项目只需 3 步
VS Code 是零配置启动的编辑器,新建 HTML5 项目本质就是建个文件夹 + 写 index.html:
- 打开 VS Code,按
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(macOS),输入File: Open Folder,新建空文件夹并打开 - 右键侧边栏 →
New File,命名为index.html - 输入
!然后回车(Emmet 缩写),自动生成标准 HTML5 文档骨架:
Document
无需安装 SDK、不用选框架、不生成冗余文件——这就是 HTML5 项目的全部起点。
为什么不要用 Visual Studio 新建“HTML5 项目”
VS(2019/2022)中所谓的“ASP.NET Core Web App”或“Blank Solution”模板,底层绑定 MSBuild、.csproj、IIS Express 启动器。即使你删掉所有 C# 文件,它仍会:
立即学习“前端免费学习笔记(深入)”;