必须手动绑定.vue后缀为Vue Component语法，否则永远显示Plain Text；插件仅提供语法定义文件，不自动注册关联，需通过右下角菜单操作完成绑定，并确认插件名严格为Vue Syntax Highlight（首字母大写、空格、末尾带s和H）。
必须手动绑定 .vue 后缀为 Vue Component 语法，否则永远显示 Plain Text —— 这不是插件没装好，是 Sublime 根本没被告诉“这个文件该用哪种高亮规则”。
为什么装完 Vue Syntax Highlight 还是白底黑字？
插件只提供语法定义文件 Packages/Vue Syntax Highlight/Vue.sublime-syntax，不自动注册文件关联。跳过这步，Sublime 就当 .vue 是纯文本处理。
- 打开任意一个
.vue文件 - 点击右下角当前语法名（比如显示
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component（注意：不是Vue、HTML、Vue Template） - 操作成功后，
Preferences → Settings – User会自动添加一行："syntaxes": {"vue": "Packages/Vue Syntax Highlight/Vue.sublime-syntax"}
如果菜单里压根没有 Vue Component，说明插件未加载——按 Ctrl+` 查控制台报错；常见原因是 Package Control 版本太旧，或已装错插件（如 VueJS 或 vue-component）导致冲突。
怎么确认 Vue Syntax Highlight 插件名对不对？
名字必须严格为 Vue Syntax Highlight：首字母大写、中间空格、末尾带 s 和大写 H。搜 vue syntax 或 vue highlight 极易误选停更包。
从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS），输入Package Control: Install Package回车 - 等列表加载完成，**精确输入
Vue Syntax Highlight**（大小写、空格、复数s缺一不可） - 装完去
Preferences → Browse Packages…检查是否存在Vue Syntax Highlight/目录（不是vuejs/、vue-component/或vim-vue/） - 若已装错，先用
Package Control: Remove Package卸载，再重试
装错的典型错误现象：控制台报 ImportError: No module named 'sublime_plugin'，或右下角始终不出现 Vue Component 选项。
<script setup lang="ts"></script> 还是灰色？检查嵌入链是否接通
Vue Syntax Highlight 本身不渲染 JS/TS/CSS，它靠 Sublime 的嵌入语法机制，把 <script></script> 块交给对应语言插件处理。灰色 ≠ Vue 插件失效，是子语言没接上。
- 确认已安装对应语言支持：用 TypeScript 就得装
JavaScriptNext - ES6 Syntax或官方TypeScript插件；用 SCSS 就得装SCSS（作者css415） - 进
Preferences → Package Settings → Vue Syntax Highlight → Settings，在 User 配置中确保含："vue_version": "3"、"enable_ts_in_script": true、"enable_vue_blocks": true - 临时验证法：把
.vue文件后缀改成.ts，看<script></script>区块是否恢复高亮 —— 能恢复，说明问题出在 Vue 层解析，不是底层 TS 插件失效
别手改 Vue.sublime-syntax 文件，它自带嵌入声明，改错会导致整个语法崩溃。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
