css 模块类名的智能提示(ts)

一、安装插件 typescript-plugin-css-modules

二、配置tsconfig.json文件

{
  "compilerOptions": {
    "plugins": [{
      "name": "typescript-plugin-css-modules",
      "options": {
        "customMatcher": "\\.(c|le||lle|sa|sc)ss$"
      }
    }]
  },
}

三. 配置vscode的settings.json文件

1、当前工作区

在项目根目录下创建 .vscode/settings.json

.vscode/settings.json

{

"typescript.tsdk": "node_modules/typescript/lib",

"typescript.enablePromptUseWorkspaceTsdk": true

}

2. 全局工作区

  1. Ctrl + , 打开 vscode 的设置页面。
  2. 搜索 typescript.tsserver.pluginPaths。
  3. 添加 typescript-plugin-css-modules 插件。

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值