Sublime Text 默认不识别 .vue 文件，必须安装 Vue Syntax Highlight（首字母大写、中间空格、末尾带 s）插件，手动将 .vue 关联为 Vue Component 语法，并配置 "vue_version": "3" 及对应子语言插件（如 SCSS、TypeScript），四步缺一不可，否则始终显示 Plain Text 或区块高亮失效。
Sublime Text 默认不识别 .vue 文件，装完插件不配置文件关联，它永远显示为 Plain Text —— 这不是插件没装好，是 Sublime 压根没被告诉“这个后缀该用哪种语法”。
怎么装对 Vue Syntax Highlight 插件
名字必须一字不差：Vue Syntax Highlight（首字母大写、中间空格、末尾带 s）。搜 VueJS、vue-component 或漏掉 s 的 Vue Syntax Highlight，都会装错：
- 装了
Vuejs会和新插件冲突，导致<script setup>块变白底黑字 - 老版
Vue Syntax Highlight（无s）在 ST4 上报ImportError: No module named 'sublime_plugin' - 装完去
Preferences → Browse Packages…确认存在Vue Syntax Highlight/目录，不是vuejs/
为什么 .vue 文件还是 Plain Text
插件只提供语法定义，不自动绑定后缀。跳过这步，等于白装。必须手动让 Sublime 记住：.vue = Vue Component：
- 打开任意
.vue文件，点右下角当前语法名（如Plain Text） - 选
Open all with current extension as…→ 找到并点Vue Component（不是Vue或HTML） - 这操作会在
Preferences → Settings – User自动加一行："syntaxes": {"vue": "Packages/Vue Syntax Highlight/Vue.sublime-syntax"} - 如果菜单里没出现
Vue Component，说明插件根本没加载，按Ctrl+`看控制台有没有报错
script setup 或 style lang="scss" 不高亮？先查嵌入支持
Vue Syntax Highlight 依赖 Sublime 的嵌入语法机制来解析块内语言。它本身不提供 JS/TS/CSS 支持，只负责“把 <script lang="ts"> 这段交给 TypeScript 插件去高亮”。所以：
vue-admin-change-reviewer
下载
审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。
立即学习“前端免费学习笔记（深入）”；
-
<script setup lang="ts">是灰的，但普通<script>能高亮 → 说明 TS 插件没装或没生效，不是 Vue 插件问题 - 确认已装
JavaScriptNext - ES6 Syntax或官方TypeScript插件；SCSS 用SCSS（作者 css415） - 临时验证：把
.vue后缀改成.ts，看 script 区是否恢复高亮 —— 能恢复就说明是 Vue 层解析失败 - 别手改
Vue.sublime-syntax文件，它自带嵌入声明，改错会导致整个语法崩溃
vue_version 配置和子语言开关容易被忽略
ST4 用户常卡在这一步：<script setup> 里 defineProps 漏高亮、withDefaults 不着色，大概率是版本没对齐：
- 进
Preferences → Package Settings → Vue Syntax Highlight → Settings - 确认
"vue_version": "3"已设为"3"（默认可能是"2"） - 部分版本需手动开启
"enable_ts_in_script": true才能触发 TS 嵌入 - 自定义
lang如lang="postcss"或lang="less"，需要额外配嵌入映射，属于进阶需求，多数人用不到，但一旦用了就得自己加规则
真正麻烦的从来不是装插件，而是嵌入链路断在哪一环：Vue 插件 → 子语言插件 → Sublime 的嵌入声明 → 用户配置里的 vue_version。少一个环节，<script setup lang="ts"> 就只是普通文本。
