sublime text支持svelte需四层配置协同：1.安装svelte for sublime插件并手动绑定.svelte后缀；2.配套安装javascriptnext或typescriptsyntax等嵌入语言插件；3.启用lsp插件并全局安装svelte-language-server；4.项目根目录配置svelte.config.js。任一环节缺失均导致文件退化为纯文本。
Sublime Text 本身不提供 Svelte 组件库支持，所谓“组件库支持”实际是语法识别、$lib 路径解析、bind:value 指令高亮、类型提示等开发体验的组合效果——必须靠四层配置串通才能生效，缺一环就退化成纯文本编辑器。
为什么 .svelte 文件打开还是 Plain Text 或 HTML？
根本不是插件没装，而是 .svelte 后缀压根没绑定到 Svelte 语法。Svelte for Sublime 插件只提供 Svelte.sublime-syntax 定义，不自动注册文件关联。
- 打开任意
.svelte文件，点击右下角当前语法名（如Plain Text或HTML） - 选
Open all with current extension as…→ 再选Svelte（注意不是HTML或JavaScript） - 若菜单里没有
Svelte，说明插件未加载：按Ctrl+`查控制台是否有ImportError；常见原因是已装VueJS或旧版Svelte Syntax，先禁用它们 - 重启 Sublime 后又回退？检查是否手动改过
Packages/Svelte for Sublime/Svelte.sublime-syntax—— 改错一行，整个文件直接变白底黑字
<script setup lang="ts"></script> 块仍是灰色？
灰色 = Sublime 没把 <script></script> 块交给 TypeScript 解析器处理。Svelte for Sublime 不自带 JS/TS 解析能力，全靠嵌入语言插件注入 scope。
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 必须单独安装
JavaScriptNext - ES6 Syntax（推荐）或官方TypeScriptSyntax；仅靠 Svelte 插件不会接管高亮 - 打开一个
.ts文件确认右下角显示TypeScript，再切回.svelte—— 若仍灰，说明嵌入规则未触发 - 临时验证法：把
.svelte文件后缀改为.ts，看<script setup></script>是否立刻高亮；能则证明是 Svelte 层解析失败，不是 TS 插件问题 - 部分版本需进
Preferences → Package Settings → Svelte for Sublime → Settings，确保"enable_typescript": true
怎么让 $lib 路径跳转和 bind:value 高亮生效？
这些属于语义级能力，光有语法高亮不够，必须引入 LSP 层。Svelte for Sublime 只负责着色，不提供定义跳转或指令识别。
- 先通过 Package Control 安装
LSP插件 - 终端执行
npm install -g svelte-language-server（Node.js ≥ 16） - 创建项目根目录下的
svelte.config.js，内容至少含module.exports = {}，否则svelte-language-server启动失败 - 在
LSP.sublime-settings中启用svelte服务，并确认"enabled": true和"command"指向全局安装的svelte-language-server -
$lib路径解析依赖svelte.config.js中的kit.files.routes等配置；没这个文件，LSP 就当普通字符串处理
最容易被忽略的是：所有配置都得同时在线——语法绑定断了，LSP 根本收不到文件；嵌入语言插件没启，LSP 连 export let 都解析不了；svelte.config.js 缺失或路径错，$lib 就只是三个字母。四层链路里任一环节掉线，.svelte 文件就退回原始状态。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
