必须精确安装Vue Syntax Highlight（首字母大写、中间空格、末尾带s），否则报ImportError；需手动绑定.vue后缀为Vue Component，并配置vue_version为3及启用ts/css嵌套语法，三步缺一不可。
必须用 Package Control 精确安装 Vue Syntax Highlight，名字一个字母、空格、大小写都不能错；装错就报 ImportError: No module named 'sublime_plugin'，且右下角永远不出现 Vue Component 选项。
为什么搜 vue syntax 容易装错
Package Control 搜索结果里混着大量停更或不兼容的包：VueJS、vue-component、少字母 s 的 Vue Syntax Highlight（旧版）、甚至带连字符的变体。它们在 Sublime Text 4 上基本都会触发 ImportError: No module named 'sublime_plugin'——这不是你网络或权限问题，是插件本身没适配 ST4 的 API。
- 正确名称只有唯一一种：
Vue Syntax Highlight（首字母大写 V 和 H，中间空格，末尾带 s） - 安装前先按
Ctrl+`打开控制台，清掉旧错误；如果已装错，先执行Package Control: Remove Package卸载掉vuejs或vue-component这类残留 - 装完立刻去
Preferences → Browse Packages…查看是否存在Vue Syntax Highlight/文件夹；若看到的是vuejs/或Vue/，说明还是错了
装完为什么 .vue 文件还是 Plain Text
插件只提供语法定义文件 Packages/Vue Syntax Highlight/Vue.sublime-syntax，不会自动把 .vue 后缀和它绑定。Sublime 根本不知道该用哪个语法解析，所以默认当纯文本。
Springboot Vue Builder
下载
从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。
- 打开任意一个
.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"}
<script setup lang="ts"></script> 还是灰色？检查嵌套语法链
Vue Syntax Highlight 本身不渲染 JS/TS/CSS，它只是把 <script></script> 块“转交”给对应语言插件处理。灰色 = 链路断了，不是 Vue 插件失效。
立即学习“前端免费学习笔记（深入）”；
- 确认已单独安装子语言支持：用 TypeScript 就得有
JavaScriptNext - ES6 Syntax或官方TypeScript插件；用 SCSS 就得装SCSS（作者css415） - 进
Preferences → Package Settings → Vue Syntax Highlight → Settings – User，确保配置含以下四项： "vue_version": "3""enable_vue_blocks": true-
"enable_ts_in_script": true（不是enable_js_in_script） "enable_css_in_style": true- 临时验证法：把文件后缀改成
.ts，看<script></script>区是否恢复高亮——能恢复，说明问题纯属 Vue 层解析失败
最容易被忽略的是：三步必须全做——装对插件、绑对后缀、配对嵌套开关。缺任何一环，.vue 文件都只是白底黑字，不是插件“不工作”，是 Sublime 压根没启动它。
