必须安装Vue Syntax Highlight（首字母大写、中间空格、末尾带s），手动将.vue文件关联为Vue Component语法，并在用户配置中启用enable_vue_blocks、enable_ts_in_script、enable_html_in_template和enable_css_in_style等嵌入规则，三步缺一不可。
装 Vue Syntax Highlight 插件必须严格匹配名称
搜错名字就白装，Vue Syntax Highlight（首字母大写、中间空格、末尾带 s）是唯一当前维护、支持 Vue 3 的插件。装 VueJS 会报 ImportError: No module named 'sublime_plugin'；装 vue-component 在 ST4 直接加载失败；搜 vue syntax 或 vue highlight 容易选错。装完去 Preferences → Browse Packages… 确认存在 Vue Syntax Highlight/ 目录，不是 vuejs/ 或空文件夹。
.vue 文件还是 Plain Text？手动绑定后缀不可跳过
插件只提供语法定义文件 Packages/Vue Syntax Highlight/Vue.sublime-syntax，不会自动注册 .vue 后缀。不操作这步，Sublime 就永远当它是纯文本：
- 打开任意一个
.vue文件 - 点击右下角当前语法名（比如显示
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component（注意不是Vue或HTML）
如果菜单里没出现 Vue Component，说明插件根本没加载，按 Ctrl+` 查控制台报错；常见原因是 Package Control 版本太旧，先升级再重试。
<script setup lang="ts"> 仍是灰色？检查嵌套语法开关和子语言插件</script>
Vue Syntax Highlight 本身不处理 JS/TS，它靠 Sublime 的嵌入机制把 <script> 块交给对应语言插件渲染。灰色 ≠ Vue 插件坏了，而是子语言没接上：
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
立即学习“前端免费学习笔记（深入）”；
- 确认已安装
JavaScriptNext - ES6 Syntax（JS）或官方TypeScript插件（TS） - 进
Preferences → Package Settings → Vue Syntax Highlight → Settings，User 配置中必须有："vue_version": "3""enable_vue_blocks": true"enable_ts_in_script": true（不是enable_js_in_script） - 临时验证法：把
.vue文件后缀改成.ts，看<script setup>是否恢复高亮——能恢复，说明问题出在 Vue 层解析，不是 TS 插件本身
template / style 区块不着色？enable_* 配置依赖 enable_vue_blocks
默认只高亮外层标签，<template> 里的 HTML、<style lang="scss"> 里的 SCSS 不会自动生效。必须开启嵌套解析：
"enable_html_in_template": true-
"enable_css_in_style": true（若用 SCSS，还需额外装SCSS插件，作者 css415） - 但以上三项只有在
"enable_vue_blocks": true为true时才起作用——这个开关被很多人漏设，导致后面全白忙
配置写在 Preferences → Package Settings → Vue Syntax Highlight → Settings – User 里，别手改 Vue.sublime-syntax 文件，它自带嵌入声明，改错会导致整个语法崩溃。
