双击打开HTML文件能运行，但仅限静态页面；若含fetch、ES模块等现代功能则因file://协议限制失效，必须用本地HTTP服务器（如Live Server）在http://协议下运行。
直接双击保存为 .html 后缀的文件，用浏览器打开就能运行——这是最可靠、门槛最低的方式。其他方法（比如 Live Server、本地服务器）只是在特定场景下补足限制，不是“必须步骤”。
为什么双击 index.html 就能运行
HTML 不是程序，它只是浏览器能读懂的文本标记。只要文件后缀是 .html 或 .htm，浏览器就会按 HTML 规则解析并渲染内容。不需要编译、安装环境或启动服务。
- 确保文件名包含
.html（例如index.html，不是index.txt或没后缀） - 保存时编码选
UTF-8（记事本里要手动选“编码 → UTF-8”，否则中文可能乱码） - 不要用空格或中文命名文件（如
我的网页.html），容易导致后续 CSS/JS 引入失败 - 双击后如果弹出下载提示或显示源码，说明浏览器没识别为 HTML，大概率是后缀没写对或被系统隐藏了扩展名
哪些情况双击会失效
当页面用到以下功能时，浏览器出于安全策略会拒绝执行，必须通过 http:// 协议访问（即走本地服务器）：
Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转
下载
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
-
fetch()或XMLHttpRequest请求本地 JSON 文件（直接双击时协议是file://，跨域被拦） - 使用 ES 模块语法（
import/export），浏览器要求模块脚本必须通过 HTTP 提供 - 调用
localStorage等 API 在某些旧版 Safari 中受限 - 加载本地图片/CSS/JS 时路径写错（比如写成
./css/style.css但实际文件在同级目录），双击和服务器都会报 404，但错误表现更隐蔽
VS Code 里点 “Go Live” 为什么更省事
插件 Live Server 启动的是一个最小化 HTTP 服务器（默认端口 :5500），它让浏览器以 http://localhost:5500 打开页面，从而绕过 file:// 的限制。关键点在于：
- 修改代码后自动刷新，不用手动切到浏览器按 F5
- 所有相对路径（
src="app.js"、href="style.css"）都按项目根目录解析，和上线逻辑一致 - 启动命令简单：
Right-click → Open with Live Server，无需记命令行 - 注意：它只服务当前打开的文件夹，不是全局服务器；关掉 VS Code 就停了，不占后台资源
真正容易被忽略的是路径和编码——90% 的“代码写了却没反应”问题，根源都在 href 和 src 写错了相对位置，或者保存时用了 ANSI 编码导致中文注释或文字变成乱码。先确认这两点，再考虑换工具。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
