双击打开html文件需满足文件名带.html后缀、utf-8编码、资源路径正确，否则页面空白或报错；因file://协议限制ajax、fetch、es模块等功能，必须改用http://localhost本地服务运行。
.html 后缀、编码是 UTF-8、所有资源路径写对了——否则页面空白、图片不显示、JS 报错，不是代码有问题，而是运行环境没配好。
双击打开为什么有时不生效
浏览器用 file:// 协议加载 HTML 时，会禁掉很多功能：AJAX 请求跨域失败、fetch() 读本地 JSON 报错、ES 模块（import）直接拒绝执行、某些 CSS @import 也失效。
- 现象：控制台报
Failed to load module script或Access to fetch at 'file:///xxx.json' from origin 'null' is not allowed - 原因：这是浏览器安全策略，不是你代码写错了
- 解法：必须换用
http://localhost开启本地服务，哪怕只跑一个静态页
VS Code 里点 “Open with Live Server” 没反应
常见于插件没启用、文件没保存、或当前打开的不是根目录下的 HTML 文件。
- 检查
Live Server插件是否已启用（右下角状态栏应有“Go Live”按钮） - 确保你右键点击的是
index.html或其他真实存在的.html文件，而不是未保存的临时标签页 - 如果项目有子目录（比如
/src/index.html），Live Server 默认从工作区根启动，可能找不到相对路径下的css/或js/——这时要改liveServer.settings.root配置项
用 Python 或 npx 启动服务器，端口被占怎么办
python -m http.server 8000 和 npx http-server -p 8080 都可能提示 “Address already in use”，说明该端口正被其他程序占用（比如另一个开发服务器、Zoom、甚至旧版 Chrome 的后台进程）。
- 快速查占用：Windows 上运行
netstat -ano | findstr :8000，macOS/Linux 用lsof -i :8000 - 直接换端口更省事：
python -m http.server 5001或npx http-server -p 3001 - 注意：HTML 里写的
http://localhost:8000/api这类硬编码地址，也要同步改，否则请求仍发往旧端口
在线编辑器能替代本地运行吗
CodePen、JSFiddle 这类平台适合快速验证小段逻辑或分享 demo，但不适合真实开发流程。
- 它们自动包裹你的代码进
，导致你调试里的 meta 或 link 时行为和本地不一致 - 无法模拟真实路径结构：比如
./assets/img/logo.png在 CodePen 里得改成上传后生成的 CDN 地址 - 没有本地文件系统访问权限，
input[type="file"]选中文件后读取内容没问题，但涉及FileReader+ 二进制处理时，行为可能因沙箱限制而不同
fetch('/data.json')、引入一个 module.js、或者用 localStorage 存点东西时，发现它在双击打开时完全不动——这时候别调代码，先调运行方式。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
