.vue文件显示Plain Text是因未手动绑定语法：需打开.vue文件→点击右下角“Plain Text”→选“Open all with current extension as…”→选“Vue Component”；若无此选项，说明插件未正确加载，需重装Vue Syntax Highlight。
为什么.vue文件右下角始终显示Plain Text
不是插件没装，是Sublime压根没把.vue后缀和Vue语法关联上。插件（比如Vue Syntax Highlight）只提供Packages/Vue Syntax Highlight/Vue.sublime-syntax这个语法定义文件，不会自动注册文件扩展名映射。跳过绑定这步，所有.vue文件打开默认就是Plain Text，高亮完全不触发。
手动绑定.vue为Vue Component的正确操作
必须通过界面菜单完成绑定，不能靠配置文件或重启生效：
- 打开任意一个
.vue文件 - 点击编辑器右下角当前显示的语法名（大概率是
Plain Text） - 在弹出菜单中选择
Open all with current extension as… - 在子菜单里找到并点击
Vue Component（注意：不是Vue、不是HTML、也不是Vue Template）
如果菜单里压根没有Vue Component选项，说明插件根本没加载成功——按Ctrl+`调出控制台，查是否有ImportError: No module named 'sublime_plugin'，那基本是装错了插件（比如vue-component或VueJS），得先卸载再重装Vue Syntax Highlight。
绑定后<script setup lang="ts">还是灰色？检查嵌入链是否断裂</script>
Vue Component语法本身不负责渲染JS/TS/CSS，它只是把<script>区块“交给”对应语言插件处理。所以灰色≠Vue插件失效，而是子语言没接上：
vue-composition-api-best-practices
下载
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
立即学习“前端免费学习笔记（深入）”；
- 确认已安装
Babel或JavaScript (Babel)插件（用于ES6+/Composition API） - 确认已安装
TypeScript插件（若用lang="ts"），并打开一个.ts文件验证右下角是否显示TypeScript - 进
Preferences → Package Settings → Vue Syntax Highlight → Settings，确保有"enable_ts_in_script": true和"vue_version": "3" - 临时把
.vue文件后缀改成.js，看<script>内容是否恢复高亮——能恢复就说明是Vue层解析失败，不是TS引擎问题
绑定一次就永久生效？别信这个直觉
绑定操作只写入当前用户的Local Settings，但实际生效还依赖两个隐性条件：
- 每次启动Sublime时，
Vue Syntax Highlight插件必须能被正常导入；如果控制台有报错，绑定关系会被忽略 - 如果你用的是便携版Sublime或自定义
Packages路径，Browse Packages…定位到的目录可能不是插件真实加载位置，导致绑定找不到语法定义 - 多人共用同一份配置时，
Vue Component选项可能因Package Control缓存未刷新而延迟出现，强制重启+清空Cache/目录有时比等更可靠
最稳的办法：每次换新机器或重装Sublime，都走一遍“装插件→开.vue→点右下角→选Vue Component”这个闭环，别省那两秒。
