如何在VS Code的.ts/.tsx文件中禁用CSS类名智能提示？

我完全懂这种烦躁——在TS/TSX里写代码，刚输入对象的.，下拉列表就被一堆无关的CSS类名占满，找真正需要的属性反而费劲。针对VS Code 1.37.1版本，你可以试试这两种方案：

方案一：针对TS/TSX文件禁用CSS补全 #

打开VS Code的设置面板（快捷键Ctrl+,或Cmd+,），点击右上角的{}图标进入settings.json编辑模式，添加以下配置：

"[typescript]": {
  "css.completion.enable": false
},
"[typescriptreact]": {
  "css.completion.enable": false
}

这个设置会仅在TS和TSX文件中关闭CSS类名的自动补全功能，其他文件（比如HTML、普通JSX）的CSS补全不受影响，精准解决你的场景问题。

方案二：让TypeScript语言服务忽略CSS文件 #

如果你希望从根源上让TS语言服务不处理CSS文件，可以修改项目根目录的tsconfig.json，在exclude数组里添加CSS相关的文件匹配规则：

{
  "compilerOptions": {
    // 你的其他编译选项
  },
  "exclude": [
    "node_modules",
    "**/*.css",
    "**/*.scss",
    "**/*.less" // 如果用了预处理器也加上
  ]
}

这样TS语言服务会完全忽略这些CSS文件，自然不会把它们的类名放进智能提示列表里。

两种方案都能解决你的问题，你可以根据自己的需求选择——如果只是不想在TS/TSX里看到CSS补全，方案一更灵活；如果希望TS完全不处理CSS文件，方案二更彻底。亲测在1.37.1版本中都能生效哦~

内容的提问来源于stack exchange，提问作者ysfaran