对 .tsx/.ts 文件中的 css 类名禁用智能感知答案

【问题标题】：Disable intellisense for css classnames in .tsx/.ts files对 .tsx/.ts 文件中的 css 类名禁用智能感知
【发布时间】：2019-08-30 10:19:35
【问题描述】：

每当我在对象后输入. 时，自动完成下拉菜单会包含许多不必要的 CSS 类名作为选项：

是否可以忽略 ts/tsx intellisense 的 css 文件，所以我只能得到相关选项？

VS Code 版本：1.37.1

【问题讨论】：

标签： visual-studio-code intellisense

【解决方案1】：

"[typescript]": {
  "editor.suggest.showClasses": false
},
"[typescriptreact]": {
  "editor.suggest.showClasses": false
}

与 Mark 的回答基本相同，但似乎 "editor.suggest.filteredTypes" 自 VSCode >= 1.40 以来已被弃用，转而支持 "editor.suggest.showClasses" 等设置。

【讨论】：

您有任何证据表明它已被弃用吗？（比如链接？）
@ysfaran 他们没有做好宣布，但这里是 VSCode >= 1.40 的 relevant Github issue 和 code change
我设法通过将这些插入到我的工作区配置文件中使其工作，但我想知道将它们放在哪里以便它成为 vscode 的默认行为？
@crownlessking 在 Windows 上打开 vscode 并点击 Ctrl + Shift + P 并输入 Preferences: Open Settings (JSON)。然后将上面的内容粘贴到那里。

【解决方案2】：

在您的设置中尝试这样的操作：

"[typescript]": {
  "editor.suggest.filteredTypes": {
    "class": false,
  }
},
"[typescriptreact]": {
  "editor.suggest.filteredTypes": {
    "class": false,
  }
}

[如果你能把这些结合起来就好了，但[typescript, typescriptreact] 对我不起作用。

从types of completions 看来，您要过滤掉的是class。

请参阅create language-specific settings，了解如何为特定语言创建设置。

您必须重新加载 vscode 才能看到这些更改生效。

【讨论】：