安装 Vue Syntax Highlight 插件并手动将 .vue 文件关联至 Vue 语法即可实现高亮；若无效，需检查是否冲突、路径是否正确，并配置 Emmet 和 LSP-Volar 以支持 script setup 和模板缩写。
如何在 Sublime Text 中安装 Vue 语法高亮支持
Sublime Text 默认不识别 .vue 文件，打开后全是纯文本，没有标签、JS、CSS 的分段高亮。这不是插件没装对，而是 Sublime 需要明确告诉它：这个文件类型该用哪种语法定义来渲染。
最直接有效的方案是安装官方维护的 Vue Syntax Highlight 插件（原名 Vuejs），它由 Vue 社区长期维护，兼容 <template>、<script setup>、<style scoped> 等现代写法。
- 通过 Package Control 安装：
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）→ 输入Package Control: Install Package→ 搜索并安装Vue Syntax Highlight - 安装后重启 Sublime（部分版本需重启才生效）
- 打开任意
.vue文件，右下角状态栏应显示Vue，若仍显示Plain Text，点击它手动选择Vue→Vue
为什么装了插件还是不生效？常见原因和修复
很多人装完插件发现高亮依旧无效，问题通常出在文件关联或语法作用域冲突上。
-
.vue文件未被自动绑定到 Vue 语法：Sublime 不会自动将新后缀映射到新插件，需手动设置。方法：打开一个.vue文件 →View菜单 →Syntax→Open all with current extension as...→ 选择Vue - 其他插件干扰（如旧版
Vuejs或Emmet冲突）：检查Preferences→Package Settings里是否同时存在Vue Syntax Highlight和已废弃的Vuejs，如有请禁用后者 - 语法定义路径错误：极少数情况下插件未解压到正确位置，可前往
Preferences→Browse Packages…，确认目录中存在名为Vue Syntax Highlight的文件夹（不是Vuejs）
支持 <script setup> 和 TypeScript 吗？
支持，但依赖底层语法引擎。当前 Vue Syntax Highlight 基于 Sublime 的 .sublime-syntax 规则，对 <script setup lang="ts"> 有基本高亮，但无法实现 TS 类型推导或跳转——这不是插件缺陷，而是 Sublime 本身不带语言服务器（LSP）能力。
立即学习“前端免费学习笔记（深入）”；
- 如需完整 TS 支持（错误提示、自动补全、跳转），必须额外安装
SublimeLSP+Volar（非 Vetur） -
Volar是 Vue 官方推荐的 LSP 客户端，需配合SublimeLSP使用；Vetur已停止维护，不兼容 Vue 3 Composition API - 配置
LSP-volar后，<script setup>中的ref()、defineProps等才能被识别为有效声明
Vue 模板中 Emmet 缩写为何不工作？
Emmet 默认只在 HTML、XML 等语法下激活。.vue 文件中的 <template> 区域需要显式启用 Emmet 支持。
- 打开
Preferences→Settings – Syntax Specific（确保当前是.vue文件） - 在右侧用户设置中添加：
{ "emmet_syntax_scopes": ["text.html.vue"] } - 保存后，在
<template>内输入div.container+Tab即可展开 - 注意：该设置仅对当前语法生效，不会影响 HTML 文件
真正卡住人的往往不是“怎么装”，而是“装完没反应”时不知道从哪查起——重点盯住右下角语法标识、Packages 目录结构、以及是否误启用了多个 Vue 相关插件。Sublime 的轻量带来灵活，也意味着很多行为要手动锚定，没法像 VS Code 那样开箱即用。
