HTML5无需安装，它是浏览器内置的规范；需搭建本地开发环境，推荐VS Code+Live Server快速启动，或Node.js+Vite进阶调试，并善用开发者工具定位API上下文限制问题。
HTML5 本身不需要“安装”
HTML5 不是软件，也不是要下载安装包的运行环境——它是一套浏览器支持的标签、API 和规范。你写 <video></video>、localStorage、fetch()，只要浏览器版本够新（Chrome 60+、Firefox 55+、Edge 79+、Safari 12.1+），就直接能用。
所谓“安装 HTML5”，实际是配一个能写、能跑、能调试 HTML/CSS/JS 的本地开发环境。重点不在“装 HTML5”，而在搭对路子的工具链。
用 VS Code + Live Server 快速启动页面
这是最轻量、最贴近真实需求的起步方式：改完保存，浏览器自动刷新，不用手动开文件或搭服务器。
常见错误现象：file:// 协议下 fetch() 失败、localStorage 正常但 Service Worker 不注册、本地图片路径 404 —— 全是因为浏览器禁止了本地文件的某些 API。
立即学习“前端免费学习笔记（深入）”；
- 下载并安装
VS Code（官网直接拿，别用第三方打包版） - 在扩展市场搜
Live Server，装官方插件（作者是Ritwick Dey） - 新建文件夹，放一个
index.html，右键 →Open with Live Server - 它会起一个
http://127.0.0.1:5500服务，所有现代 HTML5 特性都能跑通
注意：Live Server 默认不支持 HTTPS 或自定义端口，如果项目需要 localhost:3000 或代理，就得换 npm start 方式。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
Node.js + npm 是进阶调试和构建的底线配置
一旦要用 ES6 modules、import、Vite、webpack，或者对接后端 API，就必须走 HTTP 服务 + 模块解析。这时候绕不开 node -v 和 npm -v。
容易踩的坑：Windows 上用管理员权限装 Node.js 导致全局模块权限混乱；nvm 切版本后 npm install -g 的命令失效；package.json 里漏写 "type": "module"，导致 import 报错 ERR_REQUIRE_ESM。
- 去
nodejs.org下 LTS 版（不是 Current），Windows 用户勾选 “Add to PATH” - 终端执行
node -v和npm -v确认输出正常（如v20.11.1/10.2.4） - 新建项目目录，
npm init -y，然后npm install -D vite，再加一行"dev": "vite"到scripts - 运行
npm run dev，它会起http://localhost:5173，比 Live Server 更接近生产行为
浏览器开发者工具里该盯哪几块
很多“HTML5 不生效”其实是调试没到位。比如以为 canvas 画不出来是语法错，其实是 getContext('2d') 返回 null（canvas 尺寸为 0 或被 CSS 缩成 invisible）。
关键检查点：
-
Elements面板看<video></video>标签有没有src、是否报MediaError（右键检查元素） -
Application面板确认Storage下localStorage/IndexedDB是否写入成功（别只信 console.log） -
Network面板过滤media或fetch，看音视频资源是否 200，还是被 CORS 拦了（Failed to fetch） -
Console里出现SecurityError: localStorage is not available？说明你在file://下强行用了，换 Live Server 或 Vite
真正卡住的时候，往往不是代码写错，而是没意识到某个 API 在当前上下文（协议、域名、iframe sandbox）里根本不可用。
