Vue Syntax Highlight是Sublime Text中唯一稳定支持Vue 3（含<script setup>和lang="ts"）的.vue语法高亮插件，需手动绑定.vue后缀至该语法，且格式化和类型提示需分别借助JsPrettier与SublimeLSP+Volar实现。
Vue Syntax Highlight 是当前唯一靠谱的 .vue 高亮插件
Sublime Text 默认完全不认识 .vue 文件，打开就是白底黑字——这不是你漏了哪步，是它压根没内置支持。现在能稳定用、有人维护、适配 Vue 3（包括 <script setup> 和 lang="ts"）的，只有 Vue Syntax Highlight。别搜 “vue-component”，那玩意只支持 ST2，装了直接报 ImportError: No module named 'sublime_plugin'；也别用早已停更的 “Vue Syntax Highlight”（少个 s），那是旧版，不兼容 ST4。
- 用
Package Control: Install Package命令面板搜索并安装Vue Syntax Highlight（注意拼写：带s，全大写 S 和 H） - 安装后必须重启 Sublime 或手动切换一次语法，否则不生效
- 如果安装后仍显示
Plain Text，说明文件扩展名没绑定到该语法——这是最常见卡点
必须手动绑定 .vue 后缀到 Vue 语法
插件只提供语法定义，不会自动把 .vue 文件和它关联起来。哪怕你装了十遍插件，不走这步，所有 .vue 文件还是纯文本。
- 打开任意一个
.vue文件 - 点击右下角当前语法标识（比如显示
Plain Text） - 选择
Open all with current extension as…→Vue Component - 此后所有
.vue文件都会默认用 Vue 语法高亮
这个设置存在用户配置目录里，换电脑或重装 Sublime 就得重来一次。
格式化要靠 JsPrettier + Prettier，不是插件自带的
Vue Syntax Highlight 只负责“看得清”，不负责“排得齐”。想格式化 <template>、<script setup>、<style scoped> 三块内容，得额外配 JsPrettier。
立即学习“前端免费学习笔记（深入）”；
- 先确保系统已安装 Node.js，并全局或项目内装好
prettier：npm install -g prettier - 用 Package Control 安装
JsPrettier - 进
Preferences → Package Settings → JsPrettier → Settings，在 User 设置里加这一行："custom_file_extensions": ["vue"] - 保存后，右键 →
JsPrettier: Format Code就能格式化整个.vue文件
别指望它像 VS Code 那样自动识别 setup 中的 ref() 类型——Sublime 没语言服务器（LSP），这点得接受。
想补全 defineProps / defineEmits？得加 SublimeLSP + Volar
Emmet 能帮你写 HTML，Vue Syntax Highlight 能高亮 defineProps，但光标悬停看不到类型、按 Ctrl+Click 跳不到声明、输入 de 不提示 defineEmits——这些语义级能力，原生 Sublime 做不到。
- 必须装
SublimeLSP（LSP 客户端） +Volar（Vue 官方 LSP 服务，不是已废弃的 Vetur） - Volar 需要单独下载 server（
volar-server），并配置SublimeLSP的clients设置指向它 - 一旦配好，
<script setup>里的组合式 API 才真正“活”起来
这步明显比装高亮复杂得多，很多教程跳过它，结果你写了半天 defineProps 却得不到任何提示——不是插件不行，是根本没上 LSP 这层。
