必须安装Vue Syntax Highlight插件、手动绑定.vue后缀为Vue Component、配置vue_version为3并启用子语言高亮，三步缺一不可；否则.vue文件始终白底黑字。
Sublime Text 本身不支持 Vue，装插件 ≠ 自动生效，必须手动绑定文件类型、启用嵌套语法、配对子语言引擎——漏掉任何一步，.vue 文件就还是白底黑字。
怎么确认并安装正确的 Vue 高亮插件
别搜 “vue plugin” 或 “vuejs”，Package Control: Install Package 中必须严格输入 Vue Syntax Highlight（首字母大写、中间空格、末尾带 s 和大写 H）。其他名字相似的插件：VueJS 已停更且只认 Vue 2，vue-component 是 ST2 专用，装上会报 ImportError: No module named 'sublime_plugin'。
- 按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS），输入Package Control: Install Package回车 - 等列表加载完成，**精确输入
Vue Syntax Highlight**，回车安装 - 装完后进
Preferences → Browse Packages…，确认目录下存在Vue Syntax Highlight/文件夹（不是VueJS/或vue-component/）
为什么装了还是 Plain Text？必须手动绑定 .vue 后缀
Vue Syntax Highlight 只提供语法定义文件（Packages/Vue Syntax Highlight/Vue.sublime-syntax），它不会自动把 .vue 文件和该语法关联。跳过这步，重装十遍也没用。
- 打开任意一个
.vue文件 - 点击右下角当前语法名（如
Plain Text） - 选
Open all with current extension as… → Vue Component（注意：不是Vue、HTML或Vue Template） - 如果菜单里没出现
Vue Component，说明插件根本没加载成功，按Ctrl+`看控制台是否有ImportError或路径异常
<script setup> 里 ref() 还是灰色？检查嵌套语法开关和子语言插件</script>
Vue Syntax Highlight 不解析 JS/TS，它靠 Sublime 的嵌入语法机制把 <script> 块交给对应语言插件处理。灰色 = 子语言没接上，不是 Vue 插件坏了。
立即学习“前端免费学习笔记（深入）”；
- 确认已安装
JavaScriptNext - ES6 Syntax（解决 ES6+）或官方TypeScriptSyntax（解决lang="ts"） - 进
Preferences → Package Settings → Vue Syntax Highlight → Settings，在 User 配置中确保："enable_ts_in_script": true（不是enable_js_in_script）"vue_version": "3"（默认可能是"2"，会导致defineProps断亮）"enable_vue_blocks": true - 临时验证法：把
.vue文件后缀改成.ts，看<script setup>区是否恢复高亮——能恢复说明是 Vue 层解析失败，不是 TS 引擎问题
格式化和类型提示要额外配 CLI 工具链
Vue Syntax Highlight 只负责“看得清”，不负责“排得齐”或“知道是什么”。Sublime 没有内置语言服务器（LSP），所以 ref() 的类型、defineProps 的字段补全、Ctrl+Click 跳转，这些都得靠外部桥接。
- 格式化用
JsPrettier：
全局装prettier和prettier-plugin-vue
在JsPrettier → Settings的 User 配置中加："custom_file_extensions": ["vue"]"additional_cli_args": {"--parser": "vue"} - ESLint 提示用
SublimeLinter-eslint：项目根目录必须有.eslintrc.js，且含parserOptions: { parser: '@typescript-eslint/parser' }（若用 TS） - 语义级能力（补全、跳转、悬停）必须配
SublimeLSP + Volar；Vetur已停更，不兼容 Vue 3 Composition API
最常被忽略的是：所有配置（文件绑定、User Settings、CLI 工具路径）都只作用于当前用户或当前机器，换电脑、重装 Sublime 就得重来一遍；而 vue_version 和 enable_ts_in_script 这类开关一旦设错，高亮断裂往往只发生在 <script setup> 内部，很难一眼定位。
