{{ item.name }} 白底黑字是因为 Vue Syntax Highlight 未正确嵌入 JavaScript 语法解析，需手动编辑 Vue.sublime-syntax 文件，在 mustache 插值规则中添加 embed: scope:source.js 并确保 JS 插件已安装且 scope 名匹配。
Vue 模板字符串（v-html、{{ }} 内插值、v-bind: 动态属性等）的高亮不由 Vue Syntax Highlight 直接控制，而是由 Sublime 的嵌入语法（embed）规则决定；改错位置或漏配子语言，会导致模板内 JS 表达式全灰、括号不匹配、甚至报错。
为什么 {{ item.name }} 里还是白底黑字？
Vue Syntax Highlight 把 块识别为 HTML，但其中的 Mustache 插值、指令表达式（如 v-if="count > 0"）需要被“嵌入”进 JavaScript 语法解析。它默认只启用基础 HTML 高亮，不自动激活 JS 解析——除非你明确告诉它：“这里要交由 JS 插件处理”。
- 现象：整个
是 HTML 高亮，但{{ }}内部、v-指令值、:class绑定表达式全是灰色或纯文本 - 根本原因：
Packages/Vue Syntax Highlight/Vue.sublime-syntax文件中，embed规则未命中，或目标语言插件未安装/未启用 - 不是 Vue 插件坏了，是嵌入链断在了“HTML → JS”这一环
怎么让 {{ }} 和指令表达式真正高亮？
必须手动编辑 Vue Syntax Highlight 的语法定义文件，添加或修正针对 Mustache 和指令值的 embed 规则。别改 User Settings，那是管 Vue 版本和开关的，不碰嵌入逻辑。
- 路径：
Packages/Vue Syntax Highlight/Vue.sublime-syntax（通过Preferences → Browse Packages…进入） - 搜索关键词：
mustache或interpolation，定位到类似这样的区块：
- match: '\{\{'
push:
- meta_scope: meta.interpolation.vue
- match: '\}\}'
pop: true
在 push 下追加 embed 声明，例如：
- embed: scope:source.js
escape: '\}\}'
escape_captures:
0: punctuation.section.embedded.end.vue
- 确保你已安装并启用 JS/TS 支持插件（如
JavaScriptNext - ES6 Syntax），且该插件的scope:source.js确实存在（可开一个.js文件，按Ctrl+Shift+P→Developer: Show Scope Name验证） - 改完保存，重启 Sublime；打开
.vue文件，用Ctrl+Shift+P→Set Syntax: Vue Component重载一次语法
改完还是不生效？检查三个硬性依赖
嵌入语法不是“配了就亮”，它依赖三重就位。缺一不可，且顺序敏感。
-
Vue Syntax Highlight必须是最新版（截至 2026 年 10 月，v4.2+），旧版Vue.sublime-syntax中embed的 scope 名写法可能过时（比如用source.js.embedded而非source.js） - 子语言插件必须已加载：打开一个
.js文件，右下角显示JavaScript或TypeScript，而不是Plain Text -
vue_version必须为"3"：如果设成"2"，插件会跳过 Composition API 相关的嵌入规则（如defineProps参数里的表达式）
最容易被忽略的是 scope 名不一致——不同 JS 插件注册的语法 scope 不同，JavaScriptNext 是 source.js，官方 TypeScript 插件可能是 source.ts，嵌入时必须严格匹配。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
