WebStorm 识别不了 Svelte 文件的根本原因是 .svelte 未被正确映射为前端文件类型，需在 Settings > Editor > File Types 中将 *.svelte 从 Text files 移除并添加到 HTML Files；还需使用 WebStorm 2022.3+、安装官方 Svelte 插件、配置 svelte.config.js，并设置 node_modules/svelte 为库以支持 HMR 和语法校验。
WebStorm 识别不了 svelte 文件，打开全是纯文本
根本原因是 WebStorm 默认不把 .svelte 当作前端组件文件处理，连基础语法高亮都缺。不是插件没装，而是文件类型映射没配。
实操建议：
- 进
Settings > Editor > File Types，找到Text files类型，删掉里面匹配的*.svelte（这是默认兜底规则） - 再找到
HTML Files类型，在Registered Patterns里加一行：*.svelte - 重启 WebStorm，
.svelte文件立刻有 HTML + JS + CSS 的基础高亮
注意：这步只是“能看”，不等于支持 Svelte 特有语法（比如 $: 声明、{#if} 块）。要这些，还得继续配语言服务。
装了插件但 $: 和 {#each} 还是标红或没提示
Svelte 官方插件（Svelte by JetBrains）只在 WebStorm 2022.3+ 原生支持语法校验和智能补全。老版本即使装了也形同虚设。
实操建议：
- 确认 WebStorm 版本 ≥
2022.3（Help > About查看），低于这个请升级 IDE，别折腾插件兼容性 - 插件必须叫
Svelte（作者 JetBrains），别装错成社区第三方的svelte-intellij（已废弃且不维护） - 启用插件后，还要确保项目根目录有
svelte.config.js或jsconfig.json，否则插件无法推断类型上下文
常见错误现象：$: count = a + b 被标为“Unexpected token”，其实是插件没加载成功，不是代码写错。
svelte-check 在 WebStorm 里跑不起来，终端报 command not found
WebStorm 默认用系统 Shell 启动终端，而 svelte-check 是项目本地依赖（devDependencies），全局没装就找不到命令。
实操建议：
- 别在 WebStorm 终端直接敲
svelte-check，改用npx svelte-check（自动找本地 bin） - 想集成到开发流：进
Settings > Tools > Terminal，把 Shell path 改成/bin/zsh（macOS）或cmd.exe（Windows），并勾选Shell integration，这样终端能正确读取node_modules/.bin - 更稳的方式是配成 WebStorm 的外部工具：
External Tools > Add，Program 填npx，Arguments 填svelte-check --watch，触发快捷键随时检查
性能影响：开启 --watch 会常驻一个进程，内存多占 80–120MB，但比每次手动跑快得多。
热更新（HMR）在 WebStorm 里不生效，改完保存没反应
这不是 WebStorm 的问题，而是开发服务器（vite 或 svelte-kit）没暴露 WebSocket 端口给 IDE 监听。WebStorm 的 Live Edit 依赖这个通道。
实操建议：
- 启动服务时加参数：
vite dev --host（让服务监听0.0.0.0而非仅localhost） - 在 WebStorm 中配置运行配置：
Edit Configurations > Before launch > Run npm script，脚本选dev，Working directory 指向项目根目录 - 关键一步：在
Settings > Languages & Frameworks > JavaScript > Libraries里，把node_modules/svelte加为“Library”，否则 HMR 的模块替换逻辑会失败
容易踩的坑：用 npm run dev 启动后直接切到浏览器刷新——这走的是普通 HTTP 刷新，不是 HMR。得等 WebStorm 底部状态栏出现 HMR updated 提示才算真生效。
复杂点在于，Svelte Kit 的适配层（@sveltejs/kit）和 Vite 插件链耦合紧密，任意一环路径解析错，HMR 就静默降级为整页刷新。这时候看控制台有没有 [vite] hot updated: 日志，比看页面反应更准。
