sublime text需手动绑定.vue文件到vue语法才能实现高亮：打开.vue文件→点击右下角“plain text”→选“open all with current extension as… → vue”；插件vue syntax highlight仅提供语法定义，不自动关联扩展名。
Vue 单文件组件（.vue）在 Sublime 里不识别怎么办
Sublime Text 默认根本不认识 .vue 文件，打开就是纯文本，没有语法高亮、标签配对、缩进也不对。这不是插件没装好，是连“这是 Vue 文件”这层识别都没建立。
必须手动告诉 Sublime：后缀为 .vue 的文件，用 Vue 语法解析。操作很简单：
- 打开任意一个
.vue文件 - 点击右下角当前语法标识（比如显示 “Plain Text”）
- 选择 Open all with current extension as… → Vue
- 这样以后所有
.vue文件都会默认用 Vue 语法高亮
注意：这个设置只影响当前用户，不跨机器；如果重装 Sublime 或换配置目录，得重设一次。
安装 Vue Syntax Highlight 插件后仍无高亮
很多人装了 Vue Syntax Highlight，但发现 .vue 文件还是灰扑扑的——根本原因是插件本身不自动绑定文件扩展名，它只提供语法定义，不接管文件关联。
立即学习“前端免费学习笔记（深入）”；
真正起作用的是 Sublime 的 Vue.sublime-syntax 文件（由该插件安装），但需要你主动触发绑定。常见错误包括：
- 装了插件但没重启 Sublime（部分版本需重启才加载新 syntax）
- 误装了已停更的
Vuejs插件（作者弃坑，不支持 Vue 3 的<script setup></script>） - 系统里存在多个 Vue 语法包冲突（比如同时有
Vue Syntax Highlight和VueJS2 Snippets）
推荐只保留 Vue Syntax Highlight（通过 Package Control 安装），然后按上一节方式手动绑定 .vue 后缀。
template / script / style 区域高亮错乱或失效
典型表现是：HTML 标签没高亮、<script setup></script> 里的 ref() 变成白色、CSS 里 scoped 或 lang="scss" 不生效。本质是嵌入式语法（embedded syntax）没正确嵌套。
Vue Syntax Highlight 依赖 Sublime 的嵌入规则，对非标准写法容忍度低：
- 确保
<template></template>、<script></script>、<style></style>标签**单独成行且不带空格或注释**（例如<script setup lang="ts"></script>可以，但<script setup></script>中间两个空格会导致 script 区域识别失败） -
lang="ts"或lang="scss"必须拼写准确，且对应语言插件已安装（如Vue Syntax Highlight本身不提供 TypeScript 高亮，需额外装TypeScript插件） - 避免在
<script></script>开始标签里混用属性顺序，<script lang="ts" setup></script>比<script setup lang="ts"></script>更稳定（某些旧版 syntax 规则只匹配前者）
Sublime 里写 Vue 还缺什么实际功能
语法高亮只是基础。和 VS Code 比，Sublime 缺失的是语言服务（LSP）支持，所以没有：
- 变量跳转（Ctrl+Click
ref()不会定位到定义） - 实时类型提示（
props类型写错不会标红） - 自动补全组件名或指令（
v-补全靠 snippets，不是语义级）
如果真需要这些，得额外配 SublimeLSP + volar（注意：Volar 已停止维护，Vue 3 推荐用 volar-next，但 Sublime 的 LSP 支持有限，经常卡在初始化或报 Connection closed）。实际体验远不如 VS Code 稳定。
所以别指望 Sublime 变成 Vue IDE——把它当一个轻量、快速、能看清结构的编辑器用更现实。高亮对了，括号能配对，代码不跑色，就已经完成 90% 的任务。
