sublime text 默认不支持 .vue 文件语法高亮，需安装 vue syntax highlight 插件并配置文件关联与嵌入语法；禁用冲突插件，确保 script/style 块内 js/ts/css 等语言正确高亮。
Sublime Text 默认不支持 .vue 文件的语法高亮，直接打开会显示为纯文本或错误识别为 HTML —— 这不是你配置错了，是它压根没内置 Vue 支持。
安装 Vue Syntax Highlight 插件最稳妥
别用那些名字带 “Vue” 但实际只高亮单文件组件中 HTML 部分的老插件（比如早期的 Vuejs），它们对 <script setup></script>、<style scoped lang="scss"></style> 等现代写法支持极差。目前维护活跃、覆盖完整的方案是 Vue Syntax Highlight：
- 通过 Package Control 安装：按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS），输入Package Control: Install Package，再搜Vue Syntax Highlight - 安装后无需重启，但需手动将已打开的
.vue文件切换语法：右下角点击当前语法名（如 “Plain Text”），选择Vue→Vue - 如果切换后仍不生效，检查是否被其他插件干扰 —— 尤其是同时装了
Vuejs或VueJS Complete Package，建议禁用或卸载它们
让 .vue 文件默认用 Vue 语法打开
每次手动切换太反人类。要实现双击或新建即高亮，得改 Sublime 的文件关联规则：
- 菜单栏 →
Preferences→Settings – Syntax Specific - 在右侧面板粘贴：
{ "extensions": ["vue"], "syntax": "Packages/Vue Syntax Highlight/Vue.sublime-syntax" } - 保存后，所有
.vue文件（包括新创建的）都会自动应用 Vue 语法 - 注意路径大小写：插件名是
Vue Syntax Highlight，但语法文件路径里是Vue.sublime-syntax，不是vue.sublime-syntax或VueSyntaxHighlight.sublime-syntax
Script 和 Style 块内嵌语法失效？检查嵌入规则
Vue Syntax Highlight 依赖 Sublime 的嵌入式语法（embedded syntax）机制来分别高亮 <script></script> 和 <style></style> 里的 JS/TS/CSS/SCSS —— 如果这些块内仍是白底黑字，大概率是嵌入规则没加载成功：
- 确认已安装对应语言支持：比如用 TypeScript，必须已装
JavaScriptNext - ES6 Syntax或官方TypeScript插件；用 SCSS，则需SCSS插件 - 不要手动修改
Vue.sublime-syntax文件 —— 它自带嵌入声明，改错会导致整个语法崩溃 - 常见症状：
<script setup lang="ts"></script>显示为普通文本，但<script></script>（无 lang）能高亮 → 说明 TS 嵌入缺失，而非 Vue 插件问题
真正麻烦的是多语言混合场景：比如 <style lang="postcss"></style> 或自定义 lang="less"，这些需要额外配置嵌入映射，属于进阶需求，多数人用不到，也别硬套网上过时的 scope_map 配置 —— 很可能破坏稳定性。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
