WebStorm内置静态服务器始终运行，无需手动启动；端口在Settings→Tools→Web Browsers and Preview→Built-in server port中修改，默认63342，可设为≥1024的任意空闲端口，修改后需重启IDE并更新URL访问路径。
WebStorm 没有“启动本地服务器”的手动开关——它始终运行一个内置静态服务器，你不需要点击任何按钮来“开启”，只要右键打开 HTML 文件或配置了 JavaScript Debug，它就自动工作。
内置服务器端口在哪改？Built-in server port
端口设置在 Settings/Preferences → Tools → Web Browsers and Preview → Built-in server port。默认是 63342，可改为任意 ≥1024 的空闲端口（比如 8080）。但注意：
- 改完后旧链接（如
http://localhost:63342/index.html）立刻失效，需用新端口访问 - 端口被占用时 WebStorm 会静默换到下一个可用端口（如
63343），但不会通知你，容易误以为服务没起来 - 这个端口仅用于本地预览，不支持局域网访问（手机打不开），也和
npm start无关
为什么右键 Open in Browser 没反应？
常见原因不是服务器没启动，而是路径或文件类型问题：
- 确保右键的是
.html文件，不是.js或.css—— 只有 HTML 触发内置服务响应 - 项目根目录下没有
index.html？那必须右键具体 HTML 文件，不能只点文件夹 - 文件路径含中文或空格？某些旧版 WebStorm 会卡住，建议用纯英文路径
- 浏览器被设为“禁用外部连接”：检查
Tools → Web Browsers and Preview中是否勾选了Can accept external connections（虽然这不影响本地访问，但勾掉后连localhost都可能被拦截）
JavaScript Debug 配置里 URL 怎么填？
这是最易错的一环。URL 必须严格匹配内置服务器的结构：
- 格式固定为：
http://localhost:<port>/<project-root-relative-path> - 比如项目叫
my-app，HTML 在src/index.html，端口是63342，那就填：http://localhost:63342/src/index.html - 不要写成
file:///路径，也不要用http://127.0.0.1替代localhost（Chrome 调试协议对 host 名敏感） - 如果页面依赖
/api/xxx这类相对路径，内置服务器不代理请求——此时必须切到vite dev或webpack serve等真实开发服务器
真正容易被忽略的点是：内置服务器只做静态文件托管，不执行构建、不处理模块导入、不支持热更新。你以为它在“运行项目”，其实它只是把文件当普通资源吐出来——所有现代前端框架的开发需求，都得靠 npm run dev 驱动的外部服务来满足。
