vscode默认不自动导入svelte组件，根本原因是语言服务未识别组件路径、未加载svelte类型定义、或autoimports设置为false；需确保右下角语言模式为svelte、svelte.config.js存在、tsconfig.json正确配置$lib和"svelte"类型、且settings.json中javascript.suggest.autoimports与typescript.suggest.autoimports均为true。
VSCode 默认不自动导入 Svelte 组件，不是功能没开，而是语言服务压根没识别到组件路径、没加载类型定义、或补全开关被关着——三者缺一不可。
为什么 import 不弹出来？先看右下角语言模式和 TS 服务状态
如果输入 MyComponent 后按 Ctrl+. 没反应，或者下拉列表里没有带 import 前缀的选项，大概率是语言服务没启动：
- 右下角状态栏必须显示 Svelte（不是 HTML、Plain Text 或 TypeScript）；点它 → 选
Svelte→ 点右侧齿轮 →Configure File Association for '.svelte'绑定到svelte - 确认已安装官方
svelte-vscode插件（发布者必须是sveltejs），卸载所有冲突插件（如Svelte Language Server、Svelte Intellisense） - 项目根目录必须有
svelte.config.js（哪怕内容为空），否则插件拒绝激活语言服务 - 打开命令面板（
Cmd+Shift+P），运行TypeScript: Restart TS server，不是只重启窗口
tsconfig.json 必须声明 $lib 和 svelte 类型
即使你写了 import Button from '$lib/Button.svelte'，标红也不代表路径错，而是 TypeScript 根本没认出 $lib 是啥，也没加载 Svelte 的全局类型：
-
compilerOptions.types必须包含"svelte"，否则$state、$derived等全报错 -
compilerOptions.baseUrl设为"./"，paths显式声明："$lib/*": ["src/lib/*"] -
include必须覆盖.svelte文件，例如："src/**/*"或明确写"src/**/*.svelte" - 改完后务必再执行一次
TypeScript: Restart TS server
javascript.suggest.autoImports 和 typescript.suggest.autoImports 必须为 true
这两个设置控制的是「IntelliSense 下拉时是否显示带 import 的建议项」，默认是 false，不手动开就永远不弹：
- 打开
settings.json（Ctrl+,→ 右上角「打开设置(JSON)」） - 加入这两行（注意拼写是
autoImports，不是autoImport，且值是布尔true，不是字符串）："javascript.suggest.autoImports": true"typescript.suggest.autoImports": true - 禁用可能劫持补全的插件，比如旧版
Auto Import (wix)、ES7+ React/Redux snippets - 触发方式：输入组件名 → 按
Ctrl+Space唤出建议 → 选带import前缀的项；或直接Ctrl+.唤出快速修复
最常被忽略的一点：SvelteKit 项目中，svelte.config.js 里用了 vitePreprocess() 但没装 @sveltejs/kit，会导致语言服务静默失败——此时 $lib 路径能解析，但组件内部的 $: 声明、export let 类型推导全崩，自动导入也跟着失效。别只盯着 tsconfig.json，三者（svelte.config.js、tsconfig.json、VSCode 设置）必须对齐。
