必须安装Vue Syntax Highlight插件、手动绑定.vue为Vue Component、配置"vue_version": "3"并启用enable_ts_in_script等嵌入开关，三步缺一不可；装错插件或跳过任一步均导致白底黑字或控制台报ImportError。
Sublime Text 本身不支持 .vue 文件，所谓“原生高亮体验”完全依赖插件链协同工作——装错插件、漏配关联、子语言断链，任意一环出问题，.vue 文件就退化成 Plain Text，不是你配置慢了，是 Sublime 根本没启动语法解析。
必须装 Vue Syntax Highlight（名字一个字母都不能错）
当前唯一兼容 ST4、持续维护、支持 <script setup lang="ts"> 和 <style scoped lang="scss"> 的插件，只有 Vue Syntax Highlight。名字必须严格为：首字母大写、中间空格、末尾带 s 和大写 H。
- 搜
vue syntax或vue highlight极易误选已停更的VueJS（报ImportError: No module named 'sublime_plugin'）或不兼容 ST4 的vue-component - 装完立刻进
Preferences → Browse Packages…，确认存在Vue Syntax Highlight/文件夹（不是vuejs/或vim-vue/） - 若已装错，先用
Package Control: Remove Package卸载干净，再重试
手动绑定 .vue 后缀为 Vue Component
插件只提供 Packages/Vue Syntax Highlight/Vue.sublime-syntax 文件，不会自动注册文件关联。跳过这步，所有 .vue 文件右下角永远显示 Plain Text。
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
- 打开任意一个
.vue文件 - 点击右下角当前语法名（如
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component（注意不是Vue、HTML或Vue Template） - 如果菜单里压根没有
Vue Component，说明插件未加载成功，按Ctrl+`查控制台报错（常见原因是 Package Control 版本太旧）
启用嵌套语法并设 vue_version 为 3
Vue Syntax Highlight 不渲染 JS/TS/CSS，它靠 Sublime 的嵌入机制把区块交给对应语言插件处理。<script setup lang="ts"> 灰色 ≠ Vue 插件坏了，是嵌入规则没生效或子语言插件缺失。
立即学习“前端免费学习笔记（深入）”；
- 进
Preferences → Package Settings → Vue Syntax Highlight → Settings - 在右侧
User配置中确保含以下四项（缺一不可）："vue_version": "3"（默认可能是"2"，不改则defineProps、v-model:value等全失效）"enable_vue_blocks": true"enable_ts_in_script": true（不是enable_js_in_script）"enable_css_in_style": true - 同时确认已单独安装子语言支持插件：TypeScript 用
JavaScriptNext - ES6 Syntax或官方TypeScript；SCSS 用SCSS（作者css415）；开一个.ts或.scss文件，右下角必须显示对应语法名 - 临时验证法：把
.vue文件后缀改成.ts，看<script>区是否恢复高亮——能恢复，就锁定问题是 Vue 层解析失败
最常被忽略的是 vue_version 默认值和子语言插件的独立安装。很多人以为装了 Vue 插件就万事大吉，结果 setup 里全是灰色，反复重装 Vue 插件却不去查 Preferences → Package Settings → Vue Syntax Highlight → Settings 里的 vue_version 是否真被设成了 "3"，或者忘了装 JavaScriptNext —— 这些地方不盯住，高亮永远卡在半路。
