必须手动绑定.vue后缀为Vue Component语法、确认插件名正确（Vue Syntax Highlight，首字母大写、空格、末尾带s）、设置vue_version为"3"并启用enable_vue_blocks等嵌套语法开关，四步缺一不可；否则.vue文件始终白底黑字。
装了 Vue Syntax Highlight 插件但 .vue 文件还是白底黑字？不是插件没生效，是 Sublime 压根没“认出”这是 Vue 文件——它不自动绑定后缀，也不默认启用嵌套语法。
怎么确认插件装对了、没被旧插件覆盖
很多人的 .vue 文件打不开高亮，根本原因是装错了名字，或者旧插件还在后台冲突。
- 必须严格安装
Vue Syntax Highlight（首字母大写、中间空格、末尾带s和大写H），不是VueJS、vue-component或漏掉s的旧版 - 装完去
Preferences → Browse Packages…看目录下是否存在Vue Syntax Highlight/文件夹；如果看到的是vuejs/，说明装错，得先禁用它 - 按
Ctrl+`打开控制台，如果有ImportError: No module named 'sublime_plugin'，基本就是插件不兼容 ST4，立刻卸载重装正确版本
为什么 .vue 文件右下角还是 Plain Text
插件只提供语法定义文件 Packages/Vue Syntax Highlight/Vue.sublime-syntax，不会自动把 .vue 后缀和它挂钩——这步必须手动做，否则每次打开都要点右下角切换。
- 打开任意一个
.vue文件，点击右下角当前语言标识（比如显示Plain Text） - 选
Open all with current extension as… → Vue Component（注意不是Vue或HTML） - 如果菜单里压根没出现
Vue Component，说明插件根本没加载成功，先查控制台报错
template/script/style 三块颜色一样或全是灰色
即使绑定了后缀，<script setup></script> 里 ref() 还是白的、<template></template> 里 v-if 和普通属性同色，问题出在“嵌套语法开关”没开，不是插件坏了。
vue-composition-api-best-practices
下载
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
立即学习“前端免费学习笔记（深入）”；
- 进
Preferences → Package Settings → Vue Syntax Highlight → Settings - 在 User 配置中加这几行：
{ "enable_vue_blocks": true, "enable_html_in_template": true, "enable_js_in_script": true, "enable_css_in_style": true } - 如果用
lang="ts"，把enable_js_in_script换成enable_ts_in_script，并确保已装JavaScriptNext - ES6 Syntax或TypeScriptSyntax - 别手动改
Vue.sublime-syntax文件——它自带嵌入规则，改错会导致整个语法失效
script setup 里 defineProps 还是灰色？检查 vue_version
Sublime Text 4 默认用新引擎，但老版本插件可能仍按 Vue 2 规则解析，导致 defineProps<{}>()、withDefaults 这类写法高亮断裂。
- 同样在
Vue Syntax Highlight → Settings用户配置里，确认有："vue_version": "3"
- 临时验证法：把文件后缀改成
.js，看<script></script>区块是否恢复高亮——能恢复，就说明是 Vue 层解析失败，不是 JS 引擎问题 - 注意：
Vue Syntax Highlight只管颜色，不做类型推导、跳转或补全；要这些能力，得另配SublimeLSP + Volar，不是Vetur
最常被忽略的一点：所有配置都写在用户级 Settings 里，换电脑或重装 Sublime 就得重来一遍；enable_vue_blocks 这个总开关一旦关了，后面三个子开关全无效——很多人调了半天 enable_js_in_script 却忘了它依赖这个顶层开关。
