必须安装Vue Syntax Highlight插件（严格拼写）、手动绑定.vue后缀为Vue Component、配置"vue_version":"3"并启用enable_ts_in_script等嵌入开关，三步缺一不可；否则.vue文件白底黑字或控制台报ImportError。
装错插件名导致控制台报 ImportError: No module named 'sublime_plugin'
Vue Syntax Highlight 是 Sublime Text 4 唯一持续维护、支持 <script setup lang="ts"></script> 和 <style scoped lang="scss"></style> 的插件，名字必须严格为 Vue Syntax Highlight（首字母大写、中间空格、末尾带 s 和大写 H）。搜 vuejs 或 vue-component 会装到已停更或不兼容的旧包，直接触发 ImportError: No module named 'sublime_plugin'。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS），输入Package Control: Install Package回车 - 等列表加载完，**逐字输入
Vue Syntax Highlight**，确认拼写无误再回车 - 装完后进
Preferences → Browse Packages…，检查是否存在Vue Syntax Highlight/文件夹（不是vuejs/或vue-component/） - 若已装错，先用
Package Control: Remove Package卸载，再重试
.vue 文件右下角始终显示 Plain Text
插件只提供语法定义文件 Packages/Vue Syntax Highlight/Vue.sublime-syntax，不会自动把 .vue 后缀和它关联。跳过这步，Sublime 就根本不会调用 Vue 语法，所有 .vue 文件永远是纯文本。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 打开任意一个
.vue文件 - 点击右下角当前语法名（比如显示
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component（注意不是Vue、HTML或Vue Template） - 如果菜单里压根没出现
Vue Component，说明插件未加载成功——按Ctrl+`查控制台报错；常见原因是 Package Control 版本太旧，需先升级
<script setup lang="ts"></script> 区块仍是灰色
Vue Syntax Highlight 本身不渲染 JS/TS/CSS，它靠 Sublime 的嵌入语法机制，把 <script></script> 块交给对应语言插件处理。灰色 ≠ Vue 插件坏了，是子语言链断了。
从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 确认已安装
JavaScriptNext - ES6 Syntax（推荐）或官方TypeScript插件；装完开一个.ts文件，右下角应显示TypeScript - 进
Preferences → Package Settings → Vue Syntax Highlight → Settings，在右侧 User 配置中确保含： -
"vue_version": "3"（默认可能是"2"，不改会导致defineProps、v-model:value等 Vue 3+ 特性高亮断裂） -
"enable_ts_in_script": true（不是enable_js_in_script） "enable_vue_blocks": true- 临时验证法：把文件后缀改成
.js，看<script></script>区块是否恢复高亮——能恢复，就说明问题出在 Vue 层解析
<style scoped lang="scss"></style> 不高亮
SCSS 支持不是 Vue 插件自带的，必须单独安装对应子语言插件。没有它，<style></style> 块只会当普通 CSS 或 Plain Text 处理。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 安装
SCSS插件（作者css415），装完开一个.scss文件，确认右下角显示SCSS - 回到
Vue Syntax Highlight → SettingsUser 配置中，确保"enable_css_in_style": true - 若用
lang="less"或lang="postcss"，同样需安装对应语言插件并启用enable_css_in_style - 别手动修改
Vue.sublime-syntax文件——它自带嵌入声明，改错会导致整个语法崩溃
真正卡住的地方往往不是某一步没做，而是三件事同时满足：插件名拼对、后缀手动绑定、嵌套开关配齐。少一个，.vue 文件就只是个带扩展名的文本文件。
