必须依次完成三步：安装严格匹配名称的Vue Syntax Highlight插件、手动将.vue后缀绑定为Vue Component语法、在User配置中启用"vue_version": "3"及enable_ts_in_script等嵌套开关，缺一不可，否则.vue文件始终显示Plain Text。
不复杂，但必须按顺序做完三件事：装对插件、手动绑定后缀、配对嵌套开关。跳过任意一步，.vue 文件就永远显示 Plain Text，不是你手速慢，是 Sublime 压根没“看见”这是 Vue 文件。
怎么安装 Vue Syntax Highlight 插件（别装错名字）
Sublime 原生不识别 .vue，靠插件提供语法定义。目前唯一持续维护、兼容 ST4、支持 <script setup lang="ts"></script> 和 的插件只有 Vue Syntax Highlight。
- 按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS），输入Package Control: Install Package回车 - 等列表加载完，**严格输入
Vue Syntax Highlight**（首字母大写、中间空格、末尾带s和大写H） - 装完去
Preferences → Browse Packages…确认存在Vue Syntax Highlight/文件夹（不是vuejs/或vue-component/） - 如果装了
VueJS或vue-component，控制台会报ImportError: No module named 'sublime_plugin'，先用Package Control: Remove Package卸干净再重试
为什么装完还是 Plain Text？必须手动绑定 .vue 后缀
插件只提供 Packages/Vue Syntax Highlight/Vue.sublime-syntax 文件，不会自动注册文件关联。没这步，插件等于没生效。
- 打开任意一个
.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/CSS，它靠 Sublime 的嵌入语法机制把区块交给对应语言插件处理。灰色 ≠ Vue 插件坏了，而是子语言链断了。
- 进
Preferences → Package Settings → Vue Syntax Highlight → Settings - 在右侧
User配置中确保有：
{
"vue_version": "3",
"enable_vue_blocks": true,
"enable_ts_in_script": true,
"enable_css_in_style": true
}
JavaScriptNext - ES6 Syntax 或官方 TypeScript 插件；用 SCSS 就装 SCSS（作者 css415）.vue 文件后缀改成 .ts，看 <script></script> 区块是否恢复高亮——能恢复，就说明问题出在 Vue 层解析，不是底层 TS 插件失效最容易被忽略的是 vue_version 默认可能是 "2"，不手动改成 "3"，<script setup></script> 就不会被正确识别；另外，enable_ts_in_script 和 enable_css_in_style 这两个开关在部分版本里默认关闭，必须显式开启。这两处不调，哪怕插件装得再准、后缀绑得再牢，关键区块照样灰着。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
