必须手动将.vue文件绑定为Vue Component语法，否则显示Plain Text；若菜单无此选项，说明插件未加载成功，需检查是否装错名（必须为Vue Syntax Highlight）或存在旧插件冲突。
不是插件没装，而是 Sublime 压根没“认出”这是 Vue 文件——它不会自动绑定 .vue 后缀，也不会默认启用嵌套语法解析。
右下角显示 Plain Text 怎么办
这说明当前文件被识别为纯文本，所有高亮逻辑已停止。必须手动干预：
- 点击右下角的
Plain Text，从菜单中选择Vue Component（注意不是Vue、HTML或XML） - 若菜单里根本没有
Vue Component，说明插件未加载成功，按Ctrl+`查控制台是否有ImportError: No module named 'sublime_plugin'—— 这是装了旧版VueJS或vue-component的典型报错 - 临时验证：把
.vue文件后缀改成.js，看<script></script>区块是否恢复高亮；能恢复，就确认问题出在 Vue 层而非 JS 插件
为什么装了 Vue Syntax Highlight 还是白底黑字
插件只提供语法定义文件 Packages/Vue Syntax Highlight/Vue.sublime-syntax，不自动注册文件关联。常见失败原因：
- 装错插件名：必须严格输入
Vue Syntax Highlight（首字母大写、中间空格、末尾带s和大写H），搜vue syntax极易选中已停更的VueJS（ST2 旧包）或vue-component（不兼容 ST4） - 装完没检查路径：打开
Preferences → Browse Packages…，确认存在Vue Syntax Highlight/文件夹，而不是vuejs/或vue-component/ - 旧插件干扰：如果已装
VueJS，进Preferences → Package Settings把它禁用，否则语法冲突会导致高亮降级
<script setup lang="ts"></script> 和 <style scoped lang="scss"></style> 仍是灰色
Vue Syntax Highlight 本身不渲染 JS/TS/CSS，它靠嵌入语法机制把区块交给对应语言插件处理。灰色 ≠ Vue 插件坏了，而是子语言链断了：
蓝湖代码转vue2.0+element-ui
下载
将静态 Vue 页面(index.vue)改造为动态页面(Custom.vue)；稿源仅限 index.vue、其引用的 CSS 与资源路径，禁止参考仓库内其他文件。Invoke when user wants to transform a static Vue page into a dynamic data-driven page with Element UI components.
立即学习“前端免费学习笔记（深入）”；
- 确认已安装并启用对应子语言支持：
TypeScript高亮需JavaScriptNext - ES6 Syntax或官方TypeScript插件；SCSS高亮需单独装SCSS插件（作者css415），且打开一个.scss文件时右下角必须显示SCSS - 进
Preferences → Package Settings → Vue Syntax Highlight → Settings，在 User 配置中确保有：{ "vue_version": "3", "enable_vue_blocks": true, "enable_ts_in_script": true, "enable_css_in_style": true } - 别改
Vue.sublime-syntax文件——它自带嵌入声明，改错会导致整个语法崩溃
改完配置后还是不生效？强制刷新语法缓存
Sublime 加载语法包有缓存机制，尤其装完新插件或改完配置后，不刷新常不生效：
- 执行
Ctrl+Shift+P→ 输入Reload Syntax Definitions回车（比重启轻量，且立即生效） - 如果仍无效，再试一次完整重启：关闭所有窗口 → 完全退出 Sublime → 重新打开
- 极少数情况需清理缓存：关闭 Sublime 后，删除
Packages/User/Cache/目录（路径可通过Preferences → Browse Packages…进入）
最常被忽略的是：vue_version 默认可能是 "2"，不显式设为 "3" 就无法正确解析 defineProps、withDefaults 和 script setup 的嵌套结构——哪怕其他三步全对，这里漏掉，<script></script> 区块照样是灰的。
