必须安装Vue Syntax Highlight插件并手动将.vue文件关联为Vue Component语法，否则无法实现template、script、style三部分基础高亮；script中defineProps等API需额外安装JavaScriptNext或TypeScriptSyntax插件并单独设置语法。
Sublime 默认完全不识别 .vue 文件，不装插件就是纯文本；装错或配置漏一步，<script setup> 里 ref() 不高亮、v-if 当普通属性、lang="ts" 直接变灰——这不是 Sublime 的问题，是语法定义和主题渲染没对上。
怎么让 .vue 文件一打开就有基础高亮
核心就两步：装对插件 + 手动绑定文件类型。别信“安装完自动生效”这种说法。
- 用
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS）呼出命令面板，输入Package Control: Install Package回车 - 搜
Vue Syntax Highlight，点安装（不是Vuejs，那个已废弃且会覆盖语法） - 装完后，打开任意
.vue文件，右下角点当前语言标识（比如 “Plain Text”），选Open all with current extension as → Vue Syntax Highlight - 重启 Sublime 再打开
.vue文件，<template>、<script>、<style>三块应有不同颜色
为什么 script 块里 defineProps、ref() 还是白的
因为 Sublime 自带的 JavaScript 语法不认识 Vue 3 组合式 API 和 TS 类型标注。这不是 Vue 插件该管的事，得换 JS 语法引擎。
- 同样用
Package Control: Install Package安装JavaScriptNext - ES6 Syntax - 在
.vue文件的<script>块内右键 →Set Syntax → JavaScriptNext → JavaScriptNext - ES6 Syntax - 如果用了
lang="ts"，还得额外装TypeScriptSyntax插件，并为该 script 块单独设置语法 - 注意：不要在整文件设成 JavaScriptNext，否则
<template>块会失去高亮
怎么让 v-if、@click 这类指令有独立颜色
默认 Vue Syntax Highlight 只做 HTML 级别高亮，指令和普通属性同色。想区分，得确认语法 scope 被主题渲染了。
Ainative Vue Sdk
下载
使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景：(1) 安装 `@ainative/vue-sdk`，(2) 在 Vue 组件中使用 `useChat` 组合式函数，(3) 提供……
立即学习“前端免费学习笔记（深入）”；
- 菜单栏 →
Preferences → Browse Packages，进Vue Syntax Highlight文件夹，打开Vue.sublime-syntax - 搜索
vue-directive，确认它有定义（通常已有） - 再进当前配色主题文件（如
Monokai.sublime-color-scheme），加一段映射：
{
"name": "Vue directive",
"scope": "entity.name.tag.vue-directive",
"foreground": "#FF6188"
}
缺这一步，语法定义再全也没用——主题不画，眼睛就看不见。
格式化和 ESLint 怎么接进 Sublime
Sublime 不调全局 Prettier，它按自己路径找可执行文件。靠 npm 全局装，大概率失效。
- 项目根目录运行：
npm install --save-dev prettier @prettier/plugin-vue eslint-plugin-vue - 用
JsPrettier插件时，在用户配置里写死本地路径和参数：
"auto_format_on_save": true,
"allow_inline_js": true,
"additional_cli_args": {
"--parser": "vue",
"--vue-html-indent": "2"
}
-
SublimeLinter-eslint要求项目有.eslintrc.js，且必须含parser: 'vue-eslint-parser'和extends: ['plugin:vue/vue3-essential'] - 别指望 Sublime 做类型检查或跳转定义——它只负责高亮和格式化，真要这些，得上 LSP 插件，但那是另一层复杂度了
真正容易被忽略的是：每换一个项目，prettier 和 eslint 都得本地装、配置得对、路径得指准。同一套配置复制粘贴到新项目，大概率报错找不到 parser —— 因为版本或插件名稍有出入，Sublime 就直接放弃。
