应安装维护活跃的 sublime-svelte 插件（作者 mattbierner），绑定 .svelte 扩展名至 svelte 语法，并在用户设置中启用 typescript、scss 等嵌入语言支持，同时配置自动缩进与补全规则。
Sublime Text 默认不支持 Svelte 语法高亮和组件开发，必须手动安装插件并调整配置；否则 .svelte 文件会以纯文本或 HTML 模式打开，<script></script> 和 <style></style> 块内的 JS/CSS 无法正确着色，{#if}、{@html} 等逻辑块也全无提示。
怎么让 Sublime 正确识别 .svelte 文件
核心是绑定文件扩展名到 Svelte 语法定义。仅靠“Install Package”搜 Svelte 容易装错（比如装成旧版 SvelteJS 或纯高亮无作用的包），应优先选用维护活跃、支持 Svelte 5 语法的 sublime-svelte 插件：
- 用
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）调出命令面板，输入Package Control: Install Package回车 - 搜索并安装
sublime-svelte（作者：mattbierner，GitHub 星标 >200，持续更新） - 安装后重启 Sublime，再打开任意
.svelte文件，右下角状态栏应显示Svelte—— 若仍显示HTML或Plain Text，点击状态栏 → 选择Open all with current extension as… → Svelte
<script context="module"></script> 和 <style lang="scss"></style> 为什么没高亮
默认配置只启用基础 JS/HTML/CSS 高亮，对 context="module"、lang="ts"、lang="postcss" 等属性不敏感。需手动开启嵌入语言支持：
- 进入
Preferences → Package Settings → Svelte → Settings - 在右侧用户设置中添加：
{
"enable_typescript": true,
"enable_scss": true,
"enable_less": false,
"enable_postcss": true
}
保存后重开文件即可。注意：启用 enable_scss 要求系统已安装 sublime-sass 或 SCSS 插件，否则 SCSS 块仍为白底黑字。
Tab 缩进错乱、{#each} 自动补全失效怎么办
这是语法定义未接管编辑行为导致的——高亮只是“看”，而缩进规则、自动闭合、片段补全需要独立配置：
- 确保
detect_indentation设为true（默认开启），否则粘贴代码后缩进可能崩坏 - 在用户设置中加入：
"auto_indent": true, "smart_indent": true - 补全依赖
sublime-svelte内置的 snippets，但默认不触发{#类前缀。可手动触发：Ctrl+Space唤出补全面板，或在Packages/Svelte/snippets/下检查是否存在each.sublime-snippet等文件 - 若想输入
if就弹出{#if …}{/if}，需在用户设置加："auto_complete_selector": "source.svelte - string - comment"
真正卡住人的不是装不上，而是装了同名插件却没启用嵌入语言或没覆盖文件关联；sublime-svelte 的 lang 属性解析逻辑藏在 Python 解析器里，改错一个字段就可能导致整个 <style></style> 块退化成普通文本——建议每次改完设置都用带 lang="postcss" 的最小组件验证。
