VSCode中@/sass或~sass/路径无法跳转，根本原因是语言服务器未识别别名，需在jsconfig.json/tsconfig.json中配置baseUrl和paths映射，或用path-intellisense插件在用户设置中声明mappings，且必须重启TS服务生效。
VSCode 里 @/sass 或 ~sass/ 这类 Sass 导入路径无法跳转、补全，不是 Sass 插件的问题，而是 VSCode 根本没被告知这些别名指向哪——必须手动对齐项目构建层和编辑器语言服务层。
为什么 Live Sass Compiler / Easy Sass 的配置不管用？
这类插件只负责编译 .scss → .css，不参与代码导航。它们的 settings.json 配置项（如 liveSassCompile.settings.savePath）只影响输出位置，对 import 'variables.scss' 或 @use '~sass/vars' 的路径解析、跳转、提示毫无作用。
- VSCode 的跳转能力由 TypeScript 语言服务器（tsserver）提供，它只认
jsconfig.json或tsconfig.json里的"paths" - Sass 本身支持
@use '~sass/vars'中的~，但这是 Dart Sass 的解析逻辑，VSCode 不执行 Sass 编译，所以不理解 - 你看到的“路径补全”或“Ctrl+Click 跳转失败”，本质是语言服务器找不到模块声明，不是插件没装好
正确做法：用 jsconfig.json 告诉 VSCode 别名含义
在项目根目录新建 jsconfig.json（即使纯 Sass 项目也要建），填入与构建工具一致的别名映射。例如你的 Webpack/Vite 配了 resolve.alias: { '~sass': './src/sass' }，就对应写：
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"~sass/*": ["src/sass/*"],
"@/sass/*": ["src/sass/*"]
}
},
"exclude": ["node_modules"]
}
-
baseUrl是所有paths的基准，设为"."最安全 - 别名末尾的
/*和目标路径的/*必须成对出现，否则跳转失效 - 如果项目用 TypeScript，优先改
tsconfig.json；JS 项目用jsconfig.json，两者不能共存 - 改完保存后，VSCode 可能需要几秒重新加载语言服务（右下角状态栏会显示“正在初始化 JS/TS 语言功能”）
不想改项目配置？用 path-intellisense 插件兜底
如果你无权修改项目配置（比如维护遗留项目），或者别名是动态生成的（如 CI 环境变量注入），可用 path-intellisense 在用户级覆盖：
- 安装插件后，在 VSCode 设置中打开
settings.json（Ctrl+Shift+P→Preferences: Open User Settings (JSON)） - 添加：
"path-intellisense.mappings": { "~sass": "${workspaceFolder}/src/sass", "@/sass": "${workspaceFolder}/src/sass" } -
${workspaceFolder}是当前打开文件夹的绝对路径，比${cwd}更可靠（cwd可能随终端启动路径变化） - 注意：
path-intellisense只管补全和跳转，不解决类型定义（.d.ts）缺失问题；若需类型支持，仍要靠jsconfig.json
容易被忽略的 Sass 特殊情况：@use 和 @forward 的路径处理
Sass 的模块系统（@use / @forward）默认不走 Node.js 模块解析规则，所以即使配了 paths，@use '~sass/vars' 仍可能跳转失败。这时必须加一层兼容：
- 在
src/sass/_index.scss中显式导出：@forward 'vars'; - 然后统一用
@use '@/sass' as *;导入，这样 VSCode 才能通过jsconfig.json的"@/sass/*"映射到src/sass/下的文件 - 避免在
@use中直接写带波浪号的路径，Dart Sass 能解析，但 VSCode 的语言服务不识别 - 如果项目用了
sass-true或其他测试框架，确保其测试文件也纳入jsconfig.json的include范围，否则断言中的路径跳转也会失效
最常卡住的地方不是配错路径，而是以为配了 jsconfig.json 就万事大吉——其实 VSCode 必须重启语言服务（关掉再打开文件夹，或按 Ctrl+Shift+P → Developer: Restart TS Server），否则旧缓存还在跑。另外，~ 在 Sass 里是特殊符号，但在 VSCode 路径映射中只是普通字符串，别指望它自动匹配 node_modules 下的包；真要用 ~ 指向第三方 Sass 库，得单独配一条 "~/*": ["node_modules/*"]，且确保该库提供了 package.json#exports 或 _index.scss 入口。
