Vue Syntax Highlight 是唯一兼容 ST4 并正确支持 和 的插件,必须严格按官方名安装、手动绑定 .vue 后缀、配置 vue_version: "3" 及嵌套开关,并确保子语言插件已安装且 Sublime 已重启。

Vue Syntax Highlight 必须装对名字
装错插件名是 Vue3 高亮失败的最常见原因。Sublime 原生完全不识别 .vue 文件,必须靠插件提供语法定义;而目前唯一持续维护、兼容 ST4、正确支持 <script setup lang="ts"></script> 和 <style scoped lang="scss"></style> 的插件,只有 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 版本太旧,需先升级再重试。
从零开始编排 SpringBoot+Vue 全栈项目工作流,适用于新建全栈项目或完整脚手架请求,触发后依次调用 product‑spec‑builder(需求调研)等模块。
必须配置 vue_version 为 "3" 并启用嵌套开关
Vue Syntax Highlight 本身不渲染 JS/TS/CSS,它靠 Sublime 的嵌入语法机制,把 <script></script> 块交给对应语言插件处理。<script setup lang="ts"></script> 显示灰色 ≠ Vue 插件坏了,而是子语言链断了。
进 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 了。真实验证要分层看:
-
<template></template>区块:应有 HTML + Vue 指令(如v-if、@click)高亮,不是纯 HTML 色调 -
<script setup lang="ts"></script>区块:关键词(ref、defineProps)、TS 类型(string、Ref<number></number>)都该有颜色;若仍是灰色,先临时把文件后缀改成.ts看是否恢复高亮——能恢复,说明问题出在 Vue 层解析 -
<style scoped lang="scss"></style>区块:SCSS 变量($color)、嵌套规则、@mixin应正常着色
最容易被忽略的是:ST4 安装插件后仍需重启才能加载 .sublime-syntax 文件;且所有配置项(尤其是 vue_version)必须写在 User 设置里,写在 Default 里无效。

















