必须用官方脚手架（如npx create-svelte@latest）初始化项目，再在WebStorm中File>Open打开该目录；需版本≥2022.3、启用JetBrains官方Svelte插件并重启，手动绑定*.svelte为Svelte Component类型、删除Text files和HTML Files中的冲突规则，并安装@ sveltejs/language-server且在TypeScript设置中启用Svelte支持。
WebStorm 创建 Svelte 项目不能靠“新建空项目 + 手动配插件”走通，必须用官方脚手架生成结构，再让 IDE 正确识别框架语义，否则 .svelte 文件始终是纯文本、$: 报错、export let 无类型提示——这不是配置漏了，是起点错了。
用 npx create-svelte 或 npx degit 初始化项目
别在 WebStorm 里点 “New Project” 选 Empty，那只会给你一个没框架上下文的空壳。Svelte（尤其是 SvelteKit）依赖约定式目录和生成文件（如 .svelte-kit/、svelte.config.js），必须由脚手架产出。
- 推荐命令：
npx create-svelte@latest my-app（交互式创建，支持 SvelteKit 或普通 Svelte） - 轻量替代：
npx degit sveltejs/template my-app（仅基础 Svelte，无路由/SSR） - 执行后进目录：
cd my-app && npm install，确保node_modules和锁文件存在 - 打开 WebStorm 时，选
File > Open，直接指向该文件夹——不是子文件夹，更不是src
确认 WebStorm 版本 ≥2022.3 并启用官方 Svelte 插件
低于 2022.3 的版本对 $:、{#if}、bind: 等语法基本不解析，装了插件也标红。这不是你配得不对，是 IDE 底层 parser 不支持。
- 按
Ctrl+Shift+A（Win/Linux）或Cmd+Shift+A（macOS），搜About，看版本号 - 若低于 2022.3，升级；别尝试兼容补丁
-
Settings > Plugins，搜Svelte，只启用作者是JetBrains的那个，禁用已废弃的svelte-intellij - 插件启用后必须重启 WebStorm，否则语言服务不会加载
手动绑定 .svelte 文件类型并清理冲突规则
即使插件开了，WebStorm 仍可能把 .svelte 当成 Text 或 HTML 处理——导致 CSS 区块不折叠、<script> 里 TS 类型失效、<style> 无 scoped 支持。
Settings > Editor > File Types- 在
Recognized File Types列表里找Svelte Component；没有就点+新建，Pattern 填*.svelte - 在
Text files类型的Registered Patterns里删掉*.svelte（老版本遗留规则，会劫持文件类型） - 检查
HTML Files的 Patterns，确保里面**没有***.svelte（否则当纯 HTML 解析，Svelte 语法全挂） - 改完后，已打开的
.svelte文件右下角会显示语言标签，点击它手动选Svelte生效
启用 Svelte Language Server 并验证类型支持
仅靠插件内置检查，export let name: string、$$Props、$lib 别名跳转等都不可靠。必须走 @sveltejs/language-server 才能获得接近 VS Code 的体验。
- 终端运行：
npm install --save-dev @sveltejs/language-server -
Settings > Languages & Frameworks > TypeScript > Svelte，勾选Enabled（注意：这个开关在 TypeScript 设置页下，但控制的是 Svelte LS） - 确保项目根目录有
svelte.config.js（SvelteKit 项目自带；纯 Svelte 项目需手动创建最小配置） - 若仍无补全，执行
File > Invalidate Caches and Restart > Invalidate and Restart—— 缓存卡住语言服务很常见 - 写
<script lang="ts">时，如果export let后没写类型（如export let count;），TS 推导失败，IDE 就会报错；补上: number即可
最易被忽略的是：SvelteKit 项目里 +server.ts 断点默认不生效，因为 WebStorm 只 attach 前端 Vite 进程；$lib 跳转失败往往不是路径问题，而是 tsconfig.json 的 compilerOptions.paths 没被 WebStorm 正确读取——得手动在 Settings > Languages & Frameworks > JavaScript > Libraries 里确认 .svelte-kit/types 是 “Source” 状态。
