必须精确安装vue syntax highlight插件（首字母大写、中间空格、末尾s和大写h），手动绑定.vue后缀到vue component语法，并在user配置中设置"vue_version": "3"及启用嵌套语法开关，st4用户需确保插件更新于2023年后。
装 Vue Syntax Highlight 插件，名字不能错
Sublime Text 默认不识别 .vue 文件，装错插件名，整个流程就卡死。必须用 Package Control 精确安装 Vue Syntax Highlight——注意：首字母大写、中间有空格、末尾带 s 和大写 H。搜 vue syntax 或 vue highlight 极易选到已停更的 vue-component 或 VueJS，它们在 ST4 上会报 ImportError: No module named 'sublime_plugin'。
装完后去 Preferences → Browse Packages… 查看是否存在 Vue Syntax Highlight/ 文件夹（不是 vuejs/ 或 vue-component/）。如果已误装冲突插件，先用 Package Control: Remove Package 卸载干净再重试。
手动绑定 .vue 后缀到 Vue Component 语法
插件只提供 Packages/Vue Syntax Highlight/Vue.sublime-syntax 文件，不会自动注册文件关联。跳过这步，.vue 文件永远显示为 Plain Text。
- 打开任意一个
.vue文件 - 点击右下角当前语法名（比如显示
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component（注意不是Vue或HTML）
这一步会在 Preferences → Settings – User 中自动添加一行："syntaxes": {"vue": "Packages/Vue Syntax Highlight/Vue.sublime-syntax"}。如果菜单里压根没出现 Vue Component，说明插件根本没加载成功，按 Ctrl+` 查控制台报错，常见原因是 Package Control 版本太旧，需先升级。
配置 vue_version 为 "3" 并开启嵌套语法开关
<script setup lang="ts"></script> 里仍是灰色？不是 Vue 插件坏了，而是嵌入链断了。Vue Syntax Highlight 不渲染 JS/TS/CSS，它靠 Sublime 的嵌入机制把区块交给对应语言插件处理。
使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景：(1) 安装 `@ainative/vue-sdk`，(2) 在 Vue 组件中使用 `useChat` 组合式函数，(3) 提供……
进 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_version": "3"必须显式设为字符串"3"（默认可能是"2"，会导致defineProps()、withDefaults()类型推导部分漏高亮） -
enable_ts_in_script要开，不是enable_js_in_script - 若用
lang="scss"，需单独装SCSS插件（作者css415），并确认打开一个.scss文件时右下角显示SCSS
临时验证法：把 .vue 文件后缀改成 .ts 或 .js，看 <script></script> 区块是否恢复高亮——能恢复，说明问题出在 Vue 层解析，不是底层语言插件失效。
ST4 用户务必确认插件最后更新时间在 2023 年之后
Sublime Text 4 默认启用新的 .sublime-syntax 格式，老版 Vue Syntax Highlight 使用的是旧的 .tmLanguage，对 defineProps 泛型推导、withDefaults 等新 API 支持不全，高亮会断裂。
去 GitHub 查该插件仓库的最新 commit 时间，确保在 2023 年之后。如果发现高亮异常但其他步骤都对，大概率是版本不匹配——别手改 Vue.sublime-syntax 文件，它自带嵌入声明，改错会导致整个语法崩溃。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
