CSS Module在typescript中的正确使用技巧

729 阅读1分钟

痛点

在书写css module的时候,常常会遇到粘贴类名或者遇到通过-命名的类名时,全部复制不全的问题,有没有一种方式可以像对象一样把属性给提示出呢?

解决方案

第一步安装

yarn add -D typescript-plugin-css-modules

第二步tsconfig配置

// tsconfig.json
{
    "compilerOptions": {
        "plugins": [{ "name": "typescript-plugin-css-modules" }]
    }
}

第三步vscode配置

mkdir .vscode
touch settings.json
新增 {
  "typescript.tsdk": "node_modules/typescript/lib",
  "typescript.enablePromptUseWorkspaceTsdk": true
} 到settings.json文件

第四步 重启vscode