CSS Peek插件需手动安装并启用，且仅支持工作区内的相对路径CSS文件；Ctrl+Click无效主因是未安装插件、路径非相对、动态class无法静态分析，或SCSS/Less需额外配置"css.peekEnabled": true。
能跳，但默认不工作——必须装 CSS Peek 插件，且 CSS 文件得在工作区里、用相对路径引入。
为什么 Ctrl+Click 无效？
VSCode 原生不解析 class="btn-primary" 和外部 .css 文件之间的映射关系。它只对内联 <style> 或 style 属性里的规则做跳转，对外部样式表“视而不见”。
- 常见错误现象：
Ctrl+Click没反应、右键菜单里没有Go to Definition或Peek CSS Definition - 根本原因：没装插件，或插件被其他扩展（比如
Auto Rename Tag）拦截了悬停事件 - 动态类名失效：
class="${type}-btn"或:class="[a, b]"这类运行时拼接的值，插件无法静态分析，必然跳不到
安装并验证 CSS Peek 是否生效
装完插件后别急着点，先确认它真在干活：
- 打开 VSCode 扩展面板，搜索
CSS Peek，确保是 Pranay 开发的版本（图标是眼睛），状态为 Enabled - 重启窗口（
Ctrl+Shift+P→Developer: Reload Window），否则插件可能未加载语言服务器 - 把光标放在 HTML 的
class值里（比如btn-primary），悬停看有没有下划线；有下划线才说明识别成功 - 如果没下划线，检查该 HTML 文件是否已正确引入 CSS：
<link rel="stylesheet" href="css/main.css">—— 路径必须是相对路径，不能是https://或/static/
SCSS/Less 文件不跳转？补一句配置
CSS Peek 默认只认 .css，遇到 .scss 或 .less 需手动开权限：
立即学习“前端免费学习笔记（深入）”；
- 打开命令面板（
Ctrl+Shift+P），输入Preferences: Configure Language Specific Settings - 选
SCSS，在弹出的settings.json片段里加一行："css.peekEnabled": true - 同理，Less 用户也对
Less语言做同样操作 - 保存后，再在
<div class="header">里悬停，就能跳进header.scss了
跳转到了，但定义位置不对？注意作用域和顺序
跳转结果不唯一，是因为 CSS 是层叠的——插件默认跳到第一个匹配的选择器，不保证是最终生效的那个：
- 它会按文件加载顺序扫描，先找到
base.css里的.btn，就不会继续找theme.css里的同名规则 - 如果用了 CSS Modules，类名被哈希化（如
Button_button__abc123），插件仍能跳，但你看到的不是原始源码，而是构建后的产物 - 想看所有匹配项？右键选
Peek Definition，浮层里会列出全部.btn定义，手动比对来源文件和权重
最常被忽略的一点：插件只索引当前工作区打开的文件。如果 styles.css 在子文件夹里但没被 VSCode 加载（比如被 .gitignore 或 files.exclude 隐藏了），跳转就永远失败——得先确保文件出现在资源管理器里。
