Vue文件高亮失效主因是Volar未接管或被Vetur干扰：先确认右下角显示“Vue”而非“Plain Text”，若无该选项则需启用Volar并卸载Vetur；强制设置"files.associations": {"*.vue": "vue"}；启用Take Over Mode后必须完全重启VS Code窗口。

Vue 文件代码高亮失效，90% 是 Volar 没接管成功或被其他扩展干扰，不是主题或编码问题。

确认 .vue 文件是否被识别为 Vue 语言模式

右下角状态栏显示的不是 vue 或 vue html，而是 Plain Text、HTML 或空白？说明 VS Code 根本没走 Vue 语法解析流程。

• 点击右下角语言标识 → 选 Vue（不是 Vue Template 或 HTML）
• 若没出现 Vue 选项，说明 Volar 没激活或被禁用；先检查扩展是否启用
• 在 settings.json 中强制关联："files.associations": { "*.vue": "vue" }
• 别写成 "*.vue": "html" 或 "*.vue": "javascript"——这类错误映射会彻底绕过 Vue 语法支持

卸载 Vetur 并确保 Volar 启用 Take Over Mode

Vetur 和 Volar 不能共存。Vetur 已归档，对 <script setup> 和组合式 API 的支持基本失效，且会静默抢占语言服务。

• 在扩展面板中搜索 @installed vetur，卸载它
• 安装 Volar（ID：Vue.volar），安装后弹出的 “Take Over Mode” 提示必须点 Yes
• 如果没弹窗，手动执行命令：Volar: Take Over Mode，然后关闭并重新打开整个 VS Code 窗口（仅重载窗口不够）
• 验证是否生效：打开新 test.vue，右下角显示 vue，且 <template> 里标签有颜色、defineProps 能跳转定义

修复 HTML 标签颜色全白（如 <div>、<script> 无色）

这是 token 颜色规则缺失，和 Volar 无关，是主题没定义 entity.name.tag.html 这类 TextMate 作用域。

Ainative Vue Sdk

使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景：(1) 安装 `@ainative/vue-sdk`，(2) 在 Vue 组件中使用 `useChat` 组合式函数，(3) 提供……

下载

立即学习“前端免费学习笔记（深入）”；

• 按 Ctrl+Shift+P → 输入 Preferences: Open User Settings (JSON)
• 找到你当前主题名（右下角看，比如 [Nord] 或 [Default Dark+]）
• 添加如下片段（只改主题名，颜色值可按需调）：

  {
    "editor.tokenColorCustomizations": {
      "[Nord]": {
        "textMateRules": [
          {
            "scope": "entity.name.tag.html",
            "settings": {
              "foreground": "#88c0d0"
            }
          }
        ]
      }
    }
  }

• 保存即生效，不用重启；若仍无效，检查是否启用了老旧的 Vue Highlight 类插件，禁用它

高亮正常但 defineProps 报红、无类型提示

这说明 Volar 的 TypeScript 服务没跑起来，常见于 tsconfig.json 缺失、排除了 node_modules 或 pnpm 权限异常。

• 项目根目录必须有 tsconfig.json 或 jsconfig.json；空文件也行，但不能缺失
• 检查 tsconfig.json 中的 exclude 字段，删掉类似 "**/node_modules" 的条目（Volar 需要读取 vue 包里的类型声明）
• 用 pnpm 的用户注意：pnpm store path 输出的路径，需确保 VS Code 有读取权限（macOS 上常因全盘访问限制卡住）
• 在设置中搜 Volar > Server: Mode，改成 external —— 复用项目本地 TS 服务，避免 embedded 模式内存溢出导致提示延迟或中断

最易被忽略的一点：Volar 的 Take Over Mode 必须配合完整窗口重启才生效，不是重载、不是刷新、不是关文件再开——关掉所有 VS Code 窗口，再点图标启动。