Sublime中启用Vue语法高亮需先关联.vue文件类型为Vue语法，若无Vue选项则安装官方推荐的Vue Syntax Highlight插件；该插件仅负责template/script/style三部分分别按HTML/JS/CSS高亮，不提供TS支持、代码补全或格式化功能。
Vue语法高亮在Sublime里怎么开
Sublime Text默认不识别 .vue 文件，打开后全是白底黑字，template/script/style 三块全没颜色。这不是插件问题，是文件类型没关联。
- 右下角状态栏点击当前语法（比如 “Plain Text”），选 Open all with current extension as… → Vue
- 或者手动设置：菜单
View → Syntax → Open all with current extension as… → Vue - 如果列表里没有
Vue，说明还没装支持包——这时候才需要装插件，但别急着搜“Vue Plugin”，先看下一步
Package Control装完后搜什么关键词才对
搜 “vue” 或 “vuejs” 会出来一堆过时、维护停滞、甚至报错的包。真正稳定可用的是官方推荐的 Vue Syntax Highlight，它只做一件事：正确切分 <template></template>、<script></script>、<style></style> 并分别上色。
- 用
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（Mac）调出命令面板 - 输
Package Control: Install Package，回车 - 等加载完，搜
Vue Syntax Highlight（注意不是 “VueJS”、“Vue Snippets” 或 “VueFormat”） - 装完重启 Sublime，再打开
.vue文件，右下角应显示Vue，且三块区域有对应 HTML/JS/CSS 颜色
写<script>里的ES6/TypeScript代码为啥还报错</script>
Vue Syntax Highlight 只管语法高亮，不管 JS 解析。你在 <script lang="ts"></script> 里写 TypeScript，Sublime 默认用 JavaScript.sublime-syntax 渲染，类型提示、接口跳转、ref() 红波浪线这些统统不会出现。
- 想获得基础 TS 支持：额外装
Typescript-sublime-plugin（需配 Node.js 路径） - 想补全
defineComponent、useRouter这类 API：Sublime 本身做不到，得换 VS Code + Volar - 常见误操作：装了
Vuejs Complete，结果发现它依赖早已废弃的 Tern.js，现在一启用就卡死或报AttributeError: 'NoneType' object has no attribute 'split'
保存.vue文件时自动格式化为什么总失败
Sublime 没内置格式化能力，所谓“保存即格式化”，本质是调外部工具（如 Prettier）。但 .vue 文件结构特殊，多数配置默认只处理 .js 或 .html。
立即学习“前端免费学习笔记（深入）”；
- 必须显式告诉 Prettier：“遇到
.vue也走一遍”，在.prettierrc里加"overrides": [{"files": "*.vue", "options": {"parser": "vue"}}] - 插件
JsPrettier默认不识别.vue，需在插件设置里把auto_format_on_save_excludes删掉，并确认auto_format_on_save是true - 更稳妥的做法：别依赖保存自动格式化，用快捷键
Ctrl+Alt+F手动触发，避免因路径、parser 不匹配导致静默失败
Vue 文件在 Sublime 里能看、能写、能高亮，但补全、跳转、类型校验这些现代前端开发依赖的功能，它本质上不支持。别在插件列表里反复试错，看清每个包的实际边界——比如 Vue Syntax Highlight 就只负责让 <style scoped></style> 变成紫色，别的真不是它的活。
