应安装 vue syntax highlight 插件，它是唯一持续维护、兼容 st3/st4、支持 、lang="ts"、scoped 和 lang="scss" 的插件；安装后需手动将 .vue 文件绑定为 vue component 语法。
装哪个插件？别选错名字，Vue Syntax Highlight 是唯一靠谱的
Sublime Text 原生完全不识别 .vue 文件，打开就是纯文本——这不是你配置错了，是它压根没语法定义。目前唯一持续维护、兼容 ST3/ST4、支持 <script setup></script>、lang="ts"、scoped、lang="scss" 的插件，只有 Vue Syntax Highlight。
别搜 VueJS 或 vue-component：前者是另一个功能不同的旧包，后者只支持已淘汰的 ST2，装上直接报 ImportError: No module named 'sublime_plugin'。
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS）→ 输入Package Control: Install Package→ 回车 - 等列表加载完，**严格输入
Vue Syntax Highlight（首字母大写，中间有空格）** → 回车安装 - 装完不用重启，但必须手动绑定后缀，否则右下角永远显示
Plain Text
为什么装完还是白底黑字？必须手动关联 .vue 后缀
插件只提供语法定义，不会自动把 .vue 文件和 Vue 语法绑定——这是 Sublime 的机制，不是插件缺陷。跳过这步，每次打开都要手动点右下角切换，非常反直觉。
- 打开任意一个
.vue文件 - 点击右下角当前语法名（比如
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component
这一步会写入用户级配置（Preferences → Settings – User 中自动加一条映射），之后所有新打开或新建的 .vue 文件都会默认高亮。如果没出现 Vue Component 选项，说明插件根本没加载成功，先检查控制台（Ctrl+`）有没有报错。
<script setup></script> 还是灰色？检查 vue_version 和底层语法引擎
Sublime Text 4 默认启用新的 .sublime-syntax 格式，而部分老版本 Vue Syntax Highlight 仍用旧的 tmLanguage，会导致 defineProps()、withDefaults 等写法高亮断裂或括号配对错乱。
- 进
Preferences → Package Settings → Vue Syntax Highlight → Settings - 确认
"vue_version": "3"已设为"3"（默认可能是"2"） - 若仍无效，临时验证：把文件后缀改成
.js，看<script></script>区块是否恢复高亮——能恢复说明是 Vue 语法层解析失败，不是 Sublime 整体崩了
注意：Vue Syntax Highlight 不带语言服务器能力，它无法做类型推导或跳转；要真正支持 ref()、defineProps 的语义提示，必须额外配 SublimeLSP + Volar（不是 Vetur）。
<style lang="scss"></style> 不高亮？SCSS 语法得单独装
Vue Syntax Highlight 只负责把 <style></style> 块识别为一个整体，并把内容交给 Sublime 的 CSS 语法渲染。它本身不处理 lang="scss" 里的 SCSS 特性——那得靠独立的 SCSS 插件来着色。
- 用 Package Control 搜索并安装
SCSS（作者是css415） - 装完后，打开一个
.scss文件，确认右下角显示SCSS - 再回去看
.vue里的<style lang="scss"></style>，应该就正常了
同理，lang="less" 要装 LESS 插件；lang="postcss" 目前无稳定支持，建议改用 lang="css" 并加注释说明。
最容易被忽略的点：装完插件后不手动绑定 .vue 后缀，或者同时留着已废弃的 Vuejs 插件，这两个操作会让高亮彻底失效，且错误不报在明面上，只表现为“怎么都不生效”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
