我有一个包含一堆类的样式表。我怎样才能让它在VSCode中自动完成，以便它自动完成任何div或原生HTML元素上的className属性？现在它什么都不做。

的数据
我在styles/base.css中定义了如下样式：

.border-solid {
  border-style: solid;
}

.border-dotted {
  border-style: dotted;
}

.border-width-1 {
  border-width: 1px;
}

.border-width-2 {
  border-width: 2px;
}

.border-width-4 {
  border-width: 4px;
}

字符串
我在一个Next.js项目中，VSCode settings.json如下所示：

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "eslint.format.enable": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": ["javascript", "typescript"],
  "eslint.nodePath": "./node_modules/eslint",
  "emmet.showExpandedAbbreviation": "never"
}

型
有没有可能的方法可以连接起来，这样它就可以以某种方式获取我的类名并自动完成它们？如果我需要复制我的类名并把它们放在其他地方以使自动完成工作，我也可以接受。
如果它需要大量的工作（例如：如果你能概述一下我必须做的关键事情，那就太好了。
理想情况下，如果我使用了不正确或未定义的类名，它会显示TypeScript错误。