必须安装Vue Syntax Highlight插件、手动绑定.vue为Vue Component、启用嵌入语法（vue_version:"3"、enable_ts_in_script:true、enable_vue_blocks:true）、安装对应子语言插件，四步缺一不可；否则.vue文件白底黑字或等区块全灰。
Vue 文件在 Sublime Text 里显示为白底黑字、<script setup lang="ts"></script> 块全灰、<style lang="scss"></style> 没颜色——不是插件坏了，是四个关键环节中至少一个没到位：后缀没绑定、嵌入语法没开、子语言缺失、或插件本身冲突。
点击右下角 Plain Text 切换语法，立刻验证是否识别失败
这是最快判断问题根源的动作。只要状态栏右下角显示 Plain Text，说明 Sublime 根本没把当前文件当 Vue 处理，所有高亮逻辑都跳过。
- 点它 → 在菜单里选
Vue Component（注意不是Vue或HTML） - 如果菜单里压根没有
Vue Component，说明插件没加载成功，先按Ctrl+`看控制台有没有ImportError或no module named sublime_plugin报错 - 能切成功但重启后又变回
Plain Text？说明扩展名没绑定，下一步必须做
手动绑定 .vue 后缀到 Vue Component 语法
插件 Vue Syntax Highlight 只提供 Packages/Vue Syntax Highlight/Vue.sublime-syntax 文件，不会自动关联 .vue 后缀。跳过这步，重装十遍也还是白底。
- 先确保已正确安装插件：打开
Preferences → Browse Packages…，目录下必须存在Vue Syntax Highlight/（首字母大写、带空格和末尾s），不是vuejs/或vue-component/ - 打开一个
.vue文件，右下角点击当前语法名 →Open all with current extension as…→ 找到并选中Vue Component - 该操作会往
Packages/User/Preferences.sublime-settings写入一行："*.vue": "Vue Component"，永久生效（换机器需重设）
开启嵌入语法开关，否则 <script></script> 和 <style></style> 块永远不着色
Vue Syntax Highlight 依赖 Sublime 的嵌入语法机制解析区块内容。没开开关，就只高亮最外层结构，内部全是灰色。
将静态 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.
立即学习“前端免费学习笔记（深入）”；
- 进
Preferences → Package Settings → Vue Syntax Highlight → Settings - 确认用户配置里有这三行（缺一不可）：
"vue_version": "3", "enable_vue_blocks": true, "enable_ts_in_script": true
-
<style lang="scss"></style>要高亮，还得单独装SCSS插件（作者 css415），且先打开一个.scss文件确认右下角显示SCSS - 临时验证法：把
.vue文件后缀改成.js，看<script></script>区块是否恢复高亮——能恢复，说明是 Vue 层解析失败，不是 Sublime 整体崩溃
检查子语言插件是否被禁用或冲突
<script setup lang="ts"></script> 不亮，90% 不是 Vue 插件问题，而是 TypeScript 支持断了。
- 打开
Preferences → Settings，搜索ignored_packages，确认里面没包含"TypeScript"或"JavaScript Next" - 如果装了多个 JS/TS 相关插件（比如同时有
Babel和TypeScript），可能互相覆盖；建议只留TypeScript（官方）或JavaScriptNext - ES6 Syntax，并禁用旧版JavaScript -
<template></template>里v-if和普通属性同色？说明vue_version还设在"2"，必须改成"3"才支持 Vue 3 指令高亮
最容易被忽略的是：绑定后缀和开启嵌入开关这两步必须都做，缺一不可；而 Reload Syntax Definitions（Ctrl+Shift+P 输入执行）这个动作，每次改完配置都要做一次，否则改动不生效——它比重启轻量，且立即刷新缓存。
