必须安装Vue Syntax Highlight插件、手动绑定.vue后缀为Vue Component、启用嵌套语法开关并配置vue_version为3，三步缺一不可；否则.vue文件始终显示Plain Text。
装对插件、手动绑定后缀、配好嵌套规则，三步缺一不可；跳过任一环节，.vue 文件永远显示 Plain Text。
必须严格安装 Vue Syntax Highlight 插件
Sublime 原生不识别 .vue，靠插件提供语法定义。目前唯一持续维护、兼容 ST4、支持 <script setup lang="ts"> 和 <style scoped lang="scss"> 的插件只有 Vue Syntax Highlight。
- 按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS），输入Package Control: Install Package回车 - 等列表加载完，严格输入
Vue Syntax Highlight（首字母大写、中间空格、末尾带s和大写H） - 装错名字如
VueJS或vue-component会导致控制台报ImportError: No module named 'sublime_plugin'，且右下角不出现Vue Component选项 - 装完检查
Preferences → Browse Packages…下是否存在Vue Syntax Highlight/文件夹（不是vuejs/或vue-component/）
必须手动把 .vue 后缀绑定为 Vue Component
插件只提供 Packages/Vue Syntax Highlight/Vue.sublime-syntax 文件，不会自动注册文件关联。没这步，插件等于没生效。
Ainative Vue Sdk
下载
使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景：(1) 安装 `@ainative/vue-sdk`，(2) 在 Vue 组件中使用 `useChat` 组合式函数，(3) 提供……
- 打开任意一个
.vue文件 - 点击右下角当前语法名（比如显示
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component（注意不是Vue、也不是HTML） - 如果菜单里没有
Vue Component，说明插件根本没加载成功——按Ctrl+`查控制台是否有报错；常见原因是 Package Control 版本太旧，先升级再重试
必须在 User Settings 中启用 Vue3 嵌套高亮
Vue Syntax Highlight 不渲染 JS/TS/CSS，它靠 Sublime 的嵌入语法机制把区块交给对应语言插件处理。<script setup lang="ts"> 灰色 ≠ 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 文件——它自带嵌入声明，改错会导致整个语法崩溃JavaScriptNext - ES6 Syntax 或官方 TypeScript 插件；用 SCSS 就装 SCSS（作者 css415），并打开一个 .scss 文件确认右下角显示 SCSS
.vue 文件后缀改成 .js，看 <script> 区块是否恢复高亮——能恢复，就说明问题出在 Vue 层解析，不是底层 JS/TS 插件失效最常被忽略的是：绑定后缀这一步只写入当前用户配置，重装 Sublime 或换机器就得重来；另外 enable_vue_blocks 必须设为 true，否则后面所有 enable_* 开关都不起作用。
