vscode 如何提示全局引入的 scss 变量

Question

// vue.config.js
module.exports = {
  css: {
    loaderOptions: {
      // 给 sass-loader 传递选项
      sass: {
        // @/ 是 src/ 的别名
        // 所以这里假设你有 `src/variables.scss` 这个文件
        data: `@import "@/variables.scss";`
      }
    }
  }
}

使用 vue 开发时,通过设置 webpack 配置引入了 scss 文件中的变量
开发时,如果组件需要使用对应的变量,如何在 vscode 上开启变量提示