如何让VSCode识别React项目中SCSS的src根目录绝对路径？

• 在项目根目录新建.vscode文件夹，里面创建settings.json文件
• 在settings.json中写入以下配置，让VSCode把src目录识别为SCSS的根路径：

{
  "scss.sassPath": ["src"],
  "scss.includePaths": ["src"]
}

• 保存文件后重启VSCode，此时用Ctrl + 左键点击@use "src/styles/config.scss"里的路径，就能正常跳转至config.scss，自动补全功能也会同步生效。

如果上述配置未生效，可补充配置项目的tsconfig.json（因项目使用TypeScript），添加路径映射进一步优化：

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

该配置不仅能解决SCSS路径识别问题，还能优化TypeScript文件的绝对路径跳转体验。

内容的提问来源于stack exchange，提问作者UKRman