live edit 在 webstorm 2023.3+ 中已被彻底移除，唯一官方支持的实时预览方式是通过 debug 模式启动 html 文件，配合 jetbrains ide support 插件与内置服务器（默认端口 63342）协同工作。
Live Edit 功能在 WebStorm 2023.3 及之后版本中已被彻底移除，你无法再通过设置启用它。当前唯一有效、官方支持的实时预览方式是：用 Debug 模式启动 HTML 文件 + JetBrains IDE Support 插件 + WebStorm 内置服务器（默认端口 63342）三者协同工作。
为什么 Debug 'index.html' 是唯一可行路径
WebStorm 的实时更新机制依赖调试会话建立的 WebSocket 连接，该连接只在 Debug 模式下激活。普通 Run、Open in Browser 或直接拖 HTML 到 Chrome，完全不经过内置服务器和插件通信链路——改了代码，浏览器根本收不到任何变更通知。
- 右键任意
index.html文件 → 选择Debug 'index.html'（不是Run） - 首次执行会自动打开 Chrome，地址形如
http://localhost:63342/xxx/index.html - 地址栏右侧出现
JB图标，且页面顶部有不可关闭的黄色提示条（内容为 “JetBrains IDE Support is connected”）——这是连接成功的唯一视觉信号 - 关闭该黄色条、刷新页面、或手动输入其他地址，都会中断连接，实时更新立即失效
JetBrains IDE Support 插件端口必须与 WebStorm 严格一致
插件默认监听 localhost:63342，但如果你在 WebStorm 中修改过内置服务器端口，而插件配置没同步，就会静默失败：无报错、无提示、改代码毫无反应。
- 检查 WebStorm 端口：进入
Settings → Build, Execution, Deployment → Debugger → Built-in server，记下Port值（如63342） - 检查插件端口：Chrome 地址栏输入
chrome://extensions/→ 找到JetBrains IDE Support→Details → Extension options→ 填入**纯数字端口号**（例如填63342，不能填localhost:63342或http://127.0.0.1:63342） - 公司网络若限制本地端口，需确保该端口未被防火墙拦截
修改后不刷新？先确认这三件事
常见“改了没反应”问题，90% 出在这三个环节，而不是代码本身：
-
JetBrains IDE Support插件是否已启用？禁用状态时图标会变灰，且无黄色提示条 - 是否正在使用
Debug模式打开的页面？地址必须含:63342，且来自 WebStorm 自动弹出，非手动输入 - 黄色提示条是否被误点关闭？一旦关闭，连接即断，需重新
Debug启动 - WebStorm 是否启用了 autosave？默认开启；若关闭，需手动
Ctrl+S才触发推送（但不推荐关）
最易忽略的一点：Live Edit 不是“保存即刷新”，而是“调试会话中 DOM/CSS 层热替换”。它不触发全页 reload，也不执行 JS 全局作用域重载——比如你在 <script></script> 标签里改了个变量初始值，可能不会生效；但改 class 名、样式属性、内联事件绑定，会秒级响应。真要测 JS 行为变化，得靠断点调试或手动刷新。
