sublime text 需手动绑定 .svelte 文件语法并协同 javascriptnext、typescriptsyntax、scss 等嵌入语言插件，否则 script/style 块不着色、$: 声明不识别；指令高亮还需主题支持 svelte-directive 等 scope。
Sublime Text 要真正支持 Svelte 开发，不是装个插件就完事——Svelte for Sublime 必须和 JavaScriptNext - ES6 Syntax、SCSS（或 TypeScriptSyntax）等嵌入语言插件协同工作，且 .svelte 文件后缀必须手动绑定到 Svelte 语法；缺一环，<script> 块里就白底黑字，<style lang="scss"> 就不着色，$: 响应式声明也不识别。</script>
为什么装了 Svelte for Sublime 还是 Plain Text？
插件安装成功 ≠ 语法自动激活。Sublime 默认不把 .svelte 当作独立文件类型处理，它需要你“指路”：
- 打开任意
.svelte文件，点击右下角当前语法标识（比如显示Plain Text或HTML） - 选
Open all with current extension as…→Svelte - 若重启后又回退，大概率是其他插件抢了关联权：临时禁用
VueJS、Babel、旧版Svelte Syntax等
<script> 和 <style> 块内不着色？别改 syntax 文件</script>
这不是插件坏了，是嵌入语法（embedded syntax）没加载。Svelte for Sublime 本身不自带 JS/TS/CSS 解析能力，它靠调用其他语言插件来高亮对应区块：
-
<script></script>块依赖JavaScriptNext - ES6 Syntax（支持$:、let、解构等） -
<script lang="ts"></script>需要TypeScriptSyntax插件已启用 -
<style lang="scss"></style>必须已安装SCSS插件（旧版插件不支持嵌套选择器高亮） - 绝对不要手动编辑
Svelte.sublime-syntax—— 改错会导致整个文件变纯文本
想让 on:click、bind:value 有专属颜色？得配主题 scope
默认的 Svelte for Sublime 只做基础 HTML + JS 混合解析，指令（directive）和修饰符（modifier）不会单独染色。要区分它们，必须靠语法 scope + 主题配色配合：
- 确认你用的主题（如
Monokai、Material Theme）支持svelte-directive这类 scope - 若主题不支持，可手动在主题文件中添加 rule，匹配
meta.directive.svelte或meta.modifier.svelte - 常见症状：
on:click和普通属性一样灰，但class=有颜色 → 说明 directive scope 没被识别或主题未定义
最常被忽略的是嵌入语言插件的启用状态——哪怕装了 TypeScriptSyntax，如果它被禁用或加载失败，<script lang="ts"> 里的类型提示就永远是黑字。检查方式很简单：打开一个 <code>.ts 文件，看右下角是否显示 <code>TypeScript；不是，就先修 TS 支持，再回头调 Svelte。</script>
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
