WebStorm双击HTML打不开是因浏览器file://协议限制现代API，需用HTTP服务；内置服务配JavaScript Debug配置URL为http://localhost:63342/路径，或装Live Server插件启用自动刷新。
WebStorm 里直接双击打开 HTML 文件为什么打不开？
因为浏览器通过 file:// 协议加载时，很多现代 API（比如 fetch、import、Service Worker）会被浏览器策略阻止，连本地 JSON 都读不了。这不是 WebStorm 的问题，是浏览器安全限制。
- 别用右键 → “Open in Browser”，它走的就是
file:// - 必须起一个真正的 HTTP 服务，哪怕只是本地的
http://localhost:XXXX - WebStorm 自带的
Live Server插件最省事，但默认不启用
怎么开 WebStorm 内置的本地服务（不用装插件）
WebStorm 原生支持通过内置服务器预览，关键在配置「Run Configuration」，不是点一下就跑起来。
- 右上角「Add Configuration」→ 「+」→ 选
JavaScript Debug - 「URL」填
http://localhost:63342/your-project-name/index.html（端口固定为63342，路径要和项目根目录对齐） - 确保「Before launch」里勾了
Build project（否则改了 HTML 不生效） - 运行后会自动唤起浏览器，地址是
http://localhost:63342/...，不是file://
这个端口是 WebStorm 内置静态服务器的端口，只在 IDE 运行时有效，关掉 IDE 就停。
用 Live Server 插件更接近 VS Code 体验
如果你习惯 VS Code 的 Live Server，WebStorm 装同名插件就能复刻：自动刷新、热重载、支持 fetch 本地文件。
立即学习“前端免费学习笔记（深入）”；
- Settings → Plugins → 搜
Live Server→ 安装并重启 - 右键 HTML 文件 → 「Open with Live Server」
- 默认启动
http://127.0.0.1:5500/xxx.html，端口可在 Settings → Tools → Live Server 里改 - 注意：它不会自动监听 JS/CSS 修改并刷新，得手动开「Auto reload」开关（插件设置里有）
为什么改了 HTML 刷新没变？常见缓存陷阱
不是代码没保存，也不是服务没起，大概率是浏览器或 WebStorm 缓存搞的鬼。
- 浏览器按
Ctrl+F5（Windows）或Cmd+Shift+R（macOS）强制硬刷新 - 检查地址栏是不是还停留在
file://—— 说明你点错了右键菜单项 - WebStorm 的内置服务（
63342端口）有时会卡住旧版本，关掉所有运行中的配置，再重新 Run 一次 - 如果用了 Live Server，它默认不处理
.js文件变更，HTML 里引用的 JS 改了，得手动刷新
真正麻烦的是跨域请求或模块导入失败——那基本可以确定你还在 file:// 下跑，先确认地址栏开头是 http:// 再往下查。
