必须精确安装vue syntax highlight（首字母大写、中间空格、末尾带s和h），否则.vue文件始终显示plain text；安装后需重启并手动将.vue后缀绑定至vue component语法，且须配置vue_version为"3"并启用ts支持。
装错插件名，.vue文件永远是Plain Text
Sublime Text 原生不识别 .vue 文件，装错插件就等于没装。必须用 Package Control 精确安装 Vue Syntax Highlight——注意拼写：首字母大写、中间有空格、末尾带 s 和大写 H。搜 vuejs、vue-component 或漏掉 s 的 Vue Syntax Highlight（旧版），都会导致：ImportError: No module named 'sublime_plugin'，右下角不出现 Vue Component 选项，<script setup></script> 始终灰色。
操作步骤：
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS）调出命令面板 - 输入
Package Control: Install Package回车 - 等列表加载完成，**严格输入
Vue Syntax Highlight**，回车确认 - 安装后必须重启 Sublime Text（ST4 仍需重启才能加载
.sublime-syntax文件）
不手动绑定 .vue 后缀，高亮永远不会生效
插件只提供语法定义文件 Packages/Vue Syntax Highlight/Vue.sublime-syntax，不会自动把 .vue 文件和它关联。跳过这步，所有 .vue 文件永远显示为 Plain Text ——不是你操作错了，是 Sublime 压根没“认出”这是 Vue 文件。
绑定方法：
- 打开任意一个
.vue文件 - 点击右下角当前语法标识（比如显示
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component（注意不是Vue或HTML） - 如果菜单里没有
Vue Component，说明插件根本没加载成功，先按Ctrl+`查控制台报错
<script setup lang="ts"></script> 还是灰色？缺子语言支持或配置开关
Vue Syntax Highlight 不渲染 JS/TS/CSS，它靠 Sublime 的嵌入语法机制，把 <script></script> 块交给对应语言插件处理。灰色 ≠ Vue 插件坏了，而是子语言没接上。
分析 Vue 3 Composition API 使用情况——审计响应式模式、可组合函数设计、ref 与 reactive 的选择、计算属性、watcher 使用及组件……
必须同时满足：
- 已安装对应语言插件：用 TypeScript 就装
TypeScriptSyntax（注意名称含全角空格）或JavaScriptNext - ES6 Syntax；用 SCSS 就装SCSS（作者css415） - 进
Preferences → Package Settings → Vue Syntax Highlight → Settings，在 User 配置中确保开启："enable_ts_in_script": true（不是enable_js_in_script）、"enable_vue_blocks": true、"vue_version": "3" - 临时验证法：把文件后缀改成
.js或.ts，看<script></script>区块是否恢复高亮——能恢复，说明问题出在 Vue 语法层解析失败
别指望 Sublime 做类型提示，语义能力靠外部工具链补位
Sublime Text 无法实现 Vue3 的语义级类型感知：defineProps 参数推导、ref 类型解包、Ctrl+Click 跳转声明、hover 显示类型签名等功能，原生做不到，也无 LSP 支持（除非额外配 SublimeLSP + Volar，但稳定性与 VS Code 差距明显）。
能做的务实补充：
- 用
SublimeLinter-eslint集成项目本地 ESLint，标出v-model拼写错误、setup()返回值缺失、defineProps类型未声明等问题 - 用
JsPrettier配合 Prettier 格式化整个.vue文件，需在 JsPrettier 设置中加"custom_file_extensions": ["vue"] -
Emmet可写模板片段，Vue Syntax Highlight能高亮语法结构，但二者都不提供defineEmits补全或响应式 API 的上下文感知
最易被忽略的点：每次重装 Sublime 或换电脑，.vue 后缀绑定和 User 配置都要重来一次；vue_version 默认可能是 "2"，不手动改成 "3"，defineProps() 和 withDefaults() 的括号配对、参数着色就会断裂。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
