必须手动绑定.vue后缀至Vue Component语法，否则即使装对Vue Syntax Highlight插件，文件仍显示Plain Text；打开.vue文件→点击右下角语法名→Open all with current extension as…→Vue Component。
Sublime Text 打开 .vue 文件显示 Plain Text，不是插件没装，而是它根本没“认出”这是 Vue 文件——语法高亮失效的根源，90% 都卡在这一步。
为什么右下角始终显示 Plain Text
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 Component，说明插件未加载成功：按Ctrl+`查控制台是否有ImportError: No module named 'sublime_plugin'—— 很可能是装了VueJS或vue-component等废弃插件，需先用Package Control: Remove Package卸干净
装对插件名：Vue Syntax Highlight（一字不差）
名字错一个字符，高亮就断链。ST4 下唯一持续维护、支持 <script setup lang="ts"> 和 <style scoped lang="scss"> 的插件只有它。
- 按
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/）
<script setup lang="ts"> 还是灰色？检查嵌套语法链
Vue Syntax Highlight 本身不渲染 JS/TS/CSS，它靠 Sublime 的嵌入机制把区块交给对应语言插件处理。灰色 ≠ Vue 插件坏了，是子语言没接上。
vue-composition-api-best-practices
下载
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
立即学习“前端免费学习笔记（深入）”；
- 确认已安装对应语言插件：
JavaScriptNext - ES6 Syntax或官方TypeScript插件；SCSS（作者css415） - 进
Preferences → Package Settings → Vue Syntax Highlight → Settings，User 配置中确保含：{ "vue_version": "3", "enable_ts_in_script": true, "enable_vue_blocks": true, "enable_css_in_style": true } - 临时验证法：把
.vue文件后缀改成.ts，看<script>区是否恢复高亮——能恢复，说明问题在 Vue 层解析，不是底层 TS 插件失效
改完配置后高亮还不生效？别跳过刷新步骤
Sublime 加载语法包有缓存，尤其装新插件或改配置后，不强制刷新，改动常不生效。
- 装完插件或改完设置后，必须执行：
Ctrl+Shift+P→ 输入Reload Syntax Definitions回车 - 不要依赖重启——
Reload Syntax Definitions更轻量且立即生效 - 如果仍异常，再检查
Preferences → Settings中ignored_packages是否意外禁用了TypeScript或SCSS
最常被忽略的其实是「绑定后缀」这一步——它不显眼，但缺了整个链就断了。一旦 .vue 被识别为 Vue Component，后续所有嵌套高亮才真正开始工作。
