CSS Peek 在 VSCode 1.86+ 中已彻底失效，应改用原生 Ctrl/Cmd+Click 跳转，并确保语言模式为 HTML、class 为静态字符串、CSS 路径为相对路径且文件已被索引。
CSS Peek 插件在 VS Code 1.86+ 版本中已失效，无法正常工作——别浪费时间配置它了，直接用原生功能。
为什么 Ctrl/Cmd+Click 没反应？检查这三点
不是插件没装对，而是 VS Code 原生跳转依赖底层语言服务是否就绪、路径是否静态可解析、文件是否被识别为 HTML 上下文：
- 右下角状态栏语言模式必须是
HTML（不是Plain Text或Vue—— Vue SFC 需 Volar 才支持 class 跳转） -
class值必须是静态字符串：class="header"✅，class={dynamicClass}❌，class="header {{ modifier }}"❌ -
<link rel="stylesheet" href="./styles/main.css">中的路径必须是相对路径，不能是/static/main.css、https://cdn.example.com/style.css或构建后哈希名（如main.a1b2c3.css）
Alt+F12（⌥+F12）预览定义失败？先确认 CSS 文件被索引
VS Code 的 Peek Definition 不扫描未打开或未引用的 CSS 文件。它只分析当前工作区中“显式引入且已加载”的样式文件：
- 确保目标 CSS 文件（如
main.css）已在编辑器中打开过一次——否则语言服务器可能未解析其内容 - 如果用了
@import或@use，原生功能偶尔能穿透一层（比如@import './base.css'），但不会递归解析嵌套的@import 'variables.css' - SCSS/Less 文件需在
settings.json中启用："css.peekEnabled": true，且文件类型必须设为SCSS（右下角点击切换），不能是Plain Text
跳转到 .css/.scss 后找不到类？注意选择器匹配细节
VS Code 不做模糊匹配，它严格比对 class 名与 CSS 选择器文本：
立即学习“前端免费学习笔记（深入）”；
-
class="btn-primary"只会匹配.btn-primary { ... }，不匹配.BtnPrimary、btn-primary（无点）、[class~="btn-primary"]或 BEM 变体.btn__primary - 若 CSS 中定义的是
.theme-dark .header这种后代选择器，原生跳转仍能命中.header，但不会高亮整条规则——只定位到.header开头的部分 - 构建工具（Vite/Webpack）若将 CSS 内联进 HTML 或提取为运行时动态注入，源码里根本不存在对应文件，此时跳转必然失败
最容易被忽略的是：VS Code 原生跳转不依赖插件，但极度依赖项目结构干净、路径静态、文件类型正确。一旦涉及动态类名、CDN 引入、多层 @import 或构建后产物，就得切到浏览器开发者工具 inspect 元素 → Styles 面板 → 点文件名跳转，或者用 Ctrl+Shift+F 全局搜 .your-class-name {。
