vs code 无内置“创建 h5 项目”功能，需手动新建文件夹和 index.html 并写入标准 html5 结构；推荐直接双击运行或用 live server 插件启动，避免过时模板插件；仅当需模块化、es6+、热更新等工程能力时才用脚手架。
VS Code 里没有“创建 H5 项目”这个内置功能
VS Code 是编辑器，不是项目生成器。它本身不提供 create-react-app 或 vue create 那类脚手架能力，也不会自动帮你建 index.html + style.css + script.js 的标准结构。你得自己搭，或者用外部工具生成后再打开。
最常用、最轻量的 H5 项目初始化方式
适合静态页面、学习练习、快速验证 HTML/CSS/JS 行为。不需要构建工具，直接在浏览器里双击打开就能跑：
- 新建一个文件夹，比如叫
my-h5-demo - 在 VS Code 中用
File → Open Folder打开它 - 右键侧边栏 →
New File，命名为index.html - 在里面写个最小可运行结构（别漏
和 <code><meta charset="UTF-8">）：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>H5 Demo</title>
</head>
<body>
<h1>Hello HTML5</h1>
<script>console.log("loaded");</script>
</body>
</html>
保存后，直接双击 index.html 或用插件（如 Live Server）右键启动服务——这才是真实可用的“H5 项目起点”。
为什么不用“模板插件”一键生成？
VS Code 商店有叫 HTML Boilerplate 或 Auto Rename Tag 这类插件，但它们只补全标签、不建项目结构。更关键的是：多数所谓“H5 模板”其实过时了，比如还默认加 xhtml 声明、冗余的 IE 条件注释、或老式 viewport 写法。
- 现代 H5 页面只需最简
<meta name="viewport" content="width=device-width, initial-scale=1"> - 不需要
html5shiv或respond.js—— 当前所有主流浏览器原生支持语义化标签 - 如果插件自动生成了
<script src="js/modernizr.min.js"></script>，直接删掉
什么时候该用脚手架而不是手动建？
当你需要：模块化开发、ES6+ 语法、CSS 预处理、热更新、接口代理、打包部署——这时候就不是“H5 项目”，而是“前端工程”。必须借助外部工具：
- 纯静态增强：用
npx serve -s（需先npm install -g serve） - 带构建流程：用
npx create-vite@latest my-h5 --template vanilla（比create-react-app更轻，无框架负担） - 要兼容老设备且不想管配置：用
npx degit sveltejs/template my-h5（Svelte 模板极简，输出就是干净 HTML/JS/CSS）
注意：create-react-app 和 vue-cli 会引入大量默认依赖和抽象层，对真正想学 HTML5 语义、表单新属性、Canvas、Web Storage 这些原生能力的人来说，反而容易绕晕。
真正的“H5 项目”核心是语义正确、无障碍可用、离线可访问、适配移动视口——这些和你用不用脚手架无关，只看你写的 index.html 里有没有 <main></main>、<section></section>、input type="date"、localStorage.setItem 这些东西。工具只是容器，别让它替你做判断。
