需安装vue syntax highlight插件并重启sublime，再设置语法为vue；js部分切用javascript (babel)或js custom以支持setup语法；template缩进问题可通过增强html解析或手动reindent解决；格式化需搭配jsprettier与prettier cli。
Vue单文件组件（.vue）在Sublime里没语法高亮怎么办
Sublime Text默认不识别.vue文件，打开后全是白底黑字，template/script/style三块全当纯文本处理——这不是你配置错了，是它压根没内置支持。
解决方法很简单：装一个靠谱的语法包。推荐用Vue Syntax Highlight（GitHub上 star 最多、持续维护的那个），别选名字类似但年久失修的旧包。
- 打开命令面板（
Ctrl+Shift+P或Cmd+Shift+P），输入Package Control: Install Package回车 - 搜
Vue Syntax Highlight，选中安装 - 安装完重启Sublime（关键！不重启不会生效）
- 再打开
.vue文件，或右下角点击语法选择 →Vue
注意：如果装完还是没反应，检查是否被其他语法插件（比如Emmet或某个老旧的VueSnippets）干扰——禁用它们再试一次。
script里写setup语法，ES6+特性报错或不提示
Sublime本身不带JS类型检查，所谓“报错”其实是语法高亮/括号匹配/自动缩进出问题，根源在于JS语法引擎没认出setup里的新写法（比如defineProps、defineEmits）。
立即学习“前端免费学习笔记（深入）”；
这不是Vue插件的问题，而是Sublime默认用的JavaScript语法定义太老。得切到更现代的语法支持：
- 右键文件 →
Set Syntax → JavaScript (Babel)（需先装Babel插件） - 或者装
JS Custom插件，它能识别defineProps等宏，还能配TypeScript支持 - 别用
Vue Component这类名字带“Component”的语法包——很多已停止更新，对<script setup></script>支持极差
顺带一提：JS Custom配好后，ref、computed这些也会有基础高亮，虽然没有VS Code那么智能，但至少不红标了。
template里v-if/v-for不缩进、标签闭合混乱
这是HTML语法引擎不认识Vue指令导致的。Sublime默认的HTML语法只认标准标签和属性，看到v-if就当普通字符串处理，自然不会帮你缩进或配对闭合标签。
有两个务实方案：
- 继续用
Vue Syntax Highlight，它内部把.vue整体当一种新语法处理，template区块会启用增强版HTML解析，v-指令能触发正确缩进 - 如果仍卡顿或错乱，临时右键 →
Set Syntax → HTML (Vue)（部分版本语法包会提供这个子项） - 避免手动写
v-for="item in list"时不加括号——in会被误判为HTML属性值分隔符，导致后续高亮崩掉
实测发现：嵌套超过3层的v-if + v-for混用时，Sublime缩进容易滞后。这时候别硬等自动格式化，用Ctrl+Shift+P → Reindent手动刷一下更稳。
保存后没自动格式化，代码丑得没法看
Sublime没有开箱即用的Vue代码格式化能力。它不像VS Code能自动调Prettier或Volar，所有“格式化”动作都得靠插件链路手动搭。
最轻量可行的组合是：JsPrettier + Vue Syntax Highlight：
- 装
JsPrettier（它底层调Prettier CLI），并确保系统已全局装好prettier和prettier-plugin-vue - 在
JsPrettier配置里加一句："auto_format_on_save": true，再指定"custom_file_extensions": ["vue"] - 保存时如果报
prettier: command not found，说明CLI没进PATH——要么重装Node，要么在Sublime设置里补全node_path
别指望它像IDE一样实时响应。保存那一刻才格式化，且对<style scoped></style>里的CSS支持有限。真要深度格式化，不如留着VS Code干这事，Sublime专注写和查。
