使用typescript,提示css类名

142 阅读1分钟

vscode+typrscript+typescript-plugin-css-module

下载npm包

npm install typescript-plugin-css-module --save-dev

添加tsconfig.json 配置

"plugins": [
      {
        "name": "typescript-plugin-css-modules"
      }
    ]
//.d.ts  css配置文件
declare module "*.css" {
  const css: { [key: string]: string };
  export default css;
}

项目最外层目录 配置settings.json文件

//.vscode/settings.json
{
	"typescript.tsdk": "node_modules/typescript/lib",![](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2a569c8bdb4d43af87bd8f4d9a4373ef~tplv-k3u1fbpfcp-watermark.image)
	"typescript.enablePromptUseWorkspaceTsdk": true
}