如何实现css变量中vscode编辑器中的类型提示

方法是利用TypeScript类型声明，并通过"模块扩展" (Module Augmentation)。，扩展标准 CSS 属性

1. 创建类型声明文件，比如css.d.ts
2. 声明自定义属性

// 引入 'csstype' 以便扩展它
import 'csstype';

declare module 'csstype' {
  // 扩展 Properties 接口，它定义了所有合法的 CSS 属性
  interface Properties {
    // 在这里把你所有的 CSS 变量都列出来
    '--flood-font-family'?: string;
    '--flood-primary-color'?: string;
    '--flood-active-color'?: string;
    '--flood-border-color'?: string;
  }
}

3. 在tsconfig中，引入类型声明文件

 "include": [
    // ......
    "types/**/*.d.ts"
  ],