scss混入跳转默认不工作，因vscode原生不解析@mixin与@include关系；需安装css navigation或scss intellisense插件，确保文件被@use/@import显式引入且在工作区内。
SCSS混入（mixin）跳转为什么默认不工作
VSCode 原生不解析 SCSS 的 @mixin 定义与 @include 调用之间的关系，所以 Ctrl+Click 或 F12 在 @include my-mixin() 上不会跳转到对应定义。这不是配置错误，而是语言服务缺失——内置的 CSS 语言支持只处理标准 CSS，不包含 SCSS 的预处理器语义。
必须装插件：CSS Navigation 或 SCSS IntelliSense
两个主流方案中，CSS Navigation（作者: mrmlnc）更轻量、更新勤、兼容性好；SCSS IntelliSense（作者: mrmlnc）功能更全但对大型项目略慢。推荐优先试 CSS Navigation：
- 安装后无需额外配置，重启 VSCode 即生效
- 支持从
@include my-mixin()跳转到@mixin my-mixin定义（含带参数的混入） - 也支持从 HTML 中 class 名跳转到 SCSS 中的对应选择器（前提是文件在工作区且路径可解析）
- 不支持跨文件夹自动查找混入（比如
src/styles/mixins.scss里定义的，若未被当前 SCSS 文件@import或@use，就不会识别）
确保 @use / @import 被正确识别
插件依赖 VSCode 对导入链的静态分析。如果跳转失败，先检查：
- 当前 SCSS 文件是否已通过
@use "mixins"或@import "mixins"显式引入混入所在文件 - 路径是否正确：
@use "../mixins"比@use "mixins"更容易出错，尤其当工作区根目录不是项目根时 -
@use别名是否干扰识别：例如@use "mixins" as m;后写@include m.my-mixin()，部分旧版插件可能无法关联别名调用 - 避免使用动态字符串拼接路径：
@import "mixins-#{ $theme }"这类写法插件完全无法解析
快捷键本身不用改，但得知道怎么触发
装好插件后，跳转操作和原生一致，不需要额外绑定快捷键：
- Windows/Linux：将光标放在
@include行的混入名上，按F12或Ctrl+Click - macOS：按
Cmd+Click或F12 - 如果没反应，右键菜单里找 “Go to Definition” —— 这能帮你确认是不是插件根本没生效
真正容易被忽略的是：插件只索引当前工作区打开的 .scss/.sass 文件，如果混入定义在 node_modules 里或被 .gitignore 排除，就不会出现在跳转目标中。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
