.svelte文件打开全是白底黑字，是因为webstorm默认将其识别为纯文本（text files类型），未绑定svelte component文件类型；需在settings > editor > file types中删除text files下的.svelte、添加svelte component类型并确保html files中无.svelte，否则无法触发svelte语法解析。
为什么.svelte文件打开全是白底黑字？
WebStorm 默认把 .svelte 当作纯文本（Text files 类型），根本不会触发 Svelte 语法解析。高亮、补全、折叠全失效，不是插件没装，是文件类型根本没绑对。
- 进
Settings > Editor > File Types，在Text files的Registered Patterns列表里删掉*.svelte（老版本自动加的兜底规则） - 找到
Svelte Component类型；如果没有，点+新建：Name 填Svelte Component，Pattern 填*.svelte - 检查
HTML Files的Registered Patterns，确保里面没有*.svelte——否则它只走 HTML 解析器，{#if}和$:全当非法标记 - 改完后，已打开的
.svelte文件右下角语言栏显示Plain Text，手动点它选Svelte才生效；或执行File > Reload project from Disk
为什么 $: 声明标红、{#each} 报 Unexpected token？
这是插件“看似启用、实则未初始化”的典型表现。JetBrains 官方 Svelte 插件在 WebStorm 2022.3 之前不支持语法校验，2022.3+ 才开始真正解析 Svelte 特有语法。
- 打开
Help > About，确认版本 ≥2022.3；低于就升级 IDE，别试兼容方案 - 进
Settings > Plugins，搜Svelte，只启用作者是JetBrains的那个，禁用所有叫svelte-intellij的废弃插件 - 插件启用后必须重启 WebStorm——不重启，插件加载器根本不运行
- 确保项目根目录有
svelte.config.js或至少jsconfig.json，否则插件无法推断export let name: string这类类型信息
怎么让 TypeScript 类型提示在 <script lang="ts"></script> 里真正工作？
WebStorm 默认按 JS 解析 <script lang="ts"></script>，除非你明确告诉它这个项目用 TS。关键动作不是装插件，而是让 IDE 把整个项目识别为 TypeScript 项目。
- 确保项目根目录有
tsconfig.json（哪怕最简配置：{"compilerOptions": {}}） - 进
Settings > Languages & Frameworks > TypeScript，TypeScript version选Project preferences，并指向本地node_modules/typescript -
<script lang="ts"></script>内部若仍有报错，检查是否漏了export let的类型标注，比如export let count: number;，否则 TS 推导会失败 - 类型检查和智能补全仍不稳？大概率是缓存卡住：执行
File > Invalidate Caches and Restart > Invalidate and Restart
如何让格式化符合 Svelte + Prettier 风格？
WebStorm 默认格式化规则和 Prettier 冲突，直接按 Ctrl + Alt + L 会把 bind:value 拆成多行、把 {#if} 块缩进错乱。得靠 EditorConfig 或手动对齐规则。
- 项目根目录加
.editorconfig，内容包含：indent_style = space、indent_size = 2、quote_type = single等基础项 - 进
Settings > Editor > Code Style > HTML，勾选Wrap attributes→Force wrap after long line，避免模板属性被硬折行 - 进
Settings > Editor > Code Style > JavaScript，在Wrapping and Braces里关掉Method call arguments的换行选项，防止链式调用被拆开 - 想保存时自动格式化？进
Settings > Tools > Actions on Save，勾选Reformat code和Optimize imports
$: 就只是个红色感叹号，而不是可跳转、可推导的响应式声明。
