svelte for sublime 插件仅提供基础语法高亮和标签闭合，组件库支持需靠语法绑定、javascriptnext/typescriptsyntax 等嵌入语言插件、lsp-svelte 与 svelte.config.js 配合实现。
Svelte for Sublime 插件能提供基础语法高亮和标签闭合，但它本身不提供组件库支持——Sublime Text 是文本编辑器，不是运行时环境，所谓“组件库支持”实际指：语法识别、路径跳转、$lib 路径解析、类型提示等开发体验。这些能力必须靠额外配置补全，缺一不可。
为什么 .svelte 文件打开还是纯文本？
最常见原因是语法未绑定，而非插件没装好。
- 安装
Svelte for Sublime后，必须手动将.svelte文件后缀关联到 Svelte 语法：右下角点击当前语法名（如 Plain Text）→ 选Svelte→ 再点同一位置 →Open all with current extension as…→ 选Svelte - 若仍无效，检查是否被其他插件劫持：临时禁用
VueJS、Babel或旧版Svelte Syntax Highlight，它们常抢.svelte关联权 - 确认插件已启用：菜单栏
Preferences → Package Settings → Svelte for Sublime有配置项才说明加载成功
<script> 和 <style> 块内不着色怎么办？</script>
这不是 Svelte 插件失效，是嵌入式语言支持缺失。
-
<script></script>块依赖JavaScriptNext - ES6 Syntax（必需）；若用了lang="ts"，还得装TypeScriptSyntax -
<style lang="scss"></style>需要单独安装SCSS插件；lang="postcss"则需PostCSS支持 - 不要手动修改
Svelte.sublime-syntax文件——它自带嵌入规则，改错会导致整个文件退化为纯文本 - 典型症状：
<script context="module"></script>高亮了，但普通<script></script>里$: count = $store不着色 → 说明 JS 嵌入失败，优先查JavaScriptNext是否启用
怎么让 $lib / $derived / on:click 这些有提示和跳转？
靠 LSP + svelte-language-server，但 Sublime 的 LSP 配置比 VSCode 更敏感。
- 先装
LSP和LSP-svelte插件（注意不是Svelte Language Server独立包，那是冲突源） - 项目根目录必须存在
svelte.config.js（哪怕空文件），否则语言服务器拒绝启动 -
tsconfig.json中compilerOptions.types必须含"svelte"，否则$derived、$$Props等全局类型不可见 -
$lib路径要生效，还需在tsconfig.json中声明："$lib/*": ["src/lib/*"]，且baseUrl设为"." - 改完配置后，必须手动触发：
Cmd+Shift+P→ 输入LSP: Restart Servers，只重启窗口没用
ESLint 能否校验 .svelte 文件里的 script 块？
可以，但需确保 ESLint 配置覆盖 .svelte，且插件支持嵌套解析。
- SublimeLinter-eslint 默认支持
.svelte，前提是项目本地装了eslint-plugin-svelte3（Svelte 4+ 推荐eslint-plugin-svelte） - ESLint 配置中
overrides必须显式包含.svelte文件：{"files": ["**/*.svelte"], "processor": "svelte3/svelte3"} - 若
$:声明或export let报错，大概率是 ESLint 没加载 Svelte 解析器，而非代码写错 - 不建议在 Sublime 里依赖 ESLint 做类型检查——它不处理
$.store这类响应式推导，那是语言服务器的职责
Sublime 对 Svelte 的支持始终是「高亮 + LSP 辅助」，没有开箱即用的组件库感知能力。所有跳转、补全、类型提示都依赖外部服务正确就位，而最容易被忽略的，就是那个看似无害的空 svelte.config.js 文件——它不是可选配置，而是整个语言服务的开关。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
