Vue Syntax Highlight 是唯一兼容 ST4 并正确支持 和 的插件，必须严格按官方名安装、手动绑定 .vue 后缀、配置 vue_version: "3" 及嵌套开关，并确保子语言插件已安装且 Sublime 已重启。
Vue Syntax Highlight 必须装对名字
装错插件名是 Vue3 高亮失败的最常见原因。Sublime 原生完全不识别 .vue 文件，必须靠插件提供语法定义；而目前唯一持续维护、兼容 ST4、正确支持 <script setup lang="ts"></script> 和 的插件，只有 Vue Syntax Highlight（注意：首字母大写、中间空格、末尾带 s 和大写 H）。
常见错误包括：
- 搜
vue syntax选到旧版Vue Syntax Highlight（少s），在 ST4 上直接报ImportError: No module named 'sublime_plugin' - 装
vue-component或VueJS，不仅不生效，还会和新插件冲突，导致<script setup></script>区块变白底黑字 - 装完后去
Preferences → Browse Packages…查不到Vue Syntax Highlight/目录（只看到vuejs/或Vue/），说明根本没装对
手动绑定 .vue 后缀为 Vue Component
插件只提供 Packages/Vue Syntax Highlight/Vue.sublime-syntax 文件，不会自动注册文件关联。跳过这步，.vue 文件永远显示 Plain Text——不是你操作错了，是 Sublime 根本没“认出”这是 Vue 文件。
绑定方法：
- 打开任意一个
.vue文件 - 点击右下角当前语法标识（比如显示
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component（注意不是Vue、也不是HTML）
如果菜单里压根没有 Vue Component，说明插件根本没加载成功。按 Ctrl+` 打开控制台看报错，常见原因是 Package Control 版本太旧，需先升级再重试。
必须配置 vue_version 为 "3" 并启用嵌套开关
Vue Syntax Highlight 本身不渲染 JS/TS/CSS，它靠 Sublime 的嵌入语法机制，把 <script></script> 块交给对应语言插件处理。<script setup lang="ts"></script> 显示灰色 ≠ Vue 插件坏了，而是子语言链断了。
从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。
进 Preferences → Package Settings → Vue Syntax Highlight → Settings，在右侧 User 配置中确保有：
{
"vue_version": "3",
"enable_vue_blocks": true,
"enable_ts_in_script": true,
"enable_css_in_style": true
}
别改 Vue.sublime-syntax 文件——它自带嵌入声明，改错会导致整个语法崩溃。
同时确认已单独安装对应子语言插件：
- 用 TypeScript：装
JavaScriptNext - ES6 Syntax或官方TypeScript插件（注意名称含全角空格的TypeScriptSyntax更稳定） - 用 SCSS：装
SCSS（作者css415）
验证高亮是否真正生效
光看右下角显示 Vue Component 不代表三段式高亮就 OK 了。真实验证要分层看：
-
区块：应有 HTML + Vue 指令（如v-if、@click）高亮，不是纯 HTML 色调 -
<script setup lang="ts"></script>区块：关键词（ref、defineProps）、TS 类型（string、Ref）都该有颜色；若仍是灰色，先临时把文件后缀改成.ts看是否恢复高亮——能恢复，说明问题出在 Vue 层解析 -
区块：SCSS 变量（$color）、嵌套规则、@mixin应正常着色
最容易被忽略的是：ST4 安装插件后仍需重启才能加载 .sublime-syntax 文件；且所有配置项（尤其是 vue_version）必须写在 User 设置里，写在 Default 里无效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
