如何解决 VSCode 的 CSS 智能感知不起作用？

Question

好吧，这很尴尬，基本上，CSS Intellisense 突然停止工作，不确定我是否可以将它与 TailWind Intelissense 扩展的安装联系起来，有趣的是它适用于 SCSS 文件，但如果我在 vanilla HTML 中尝试它+ CSS 项目不起作用。我用的是Fedora 35，我已经按照官网的建议重启编辑器了

Answer 1

我有同样的问题。所以，我通过添加

解决了它

"files.associations": {
  "*.css": "css",
  "css": "css"
}

到我的 settings.json 文件。不知道它是否会帮助你，但无论如何。祝你好运！

Answer 2

当我使用基本的

style.css

文件时，即使在

"postcss": "css"

CSS Intellisense 中添加了

"emmet.includeLanguages":{}

仍然不起作用。

禁用 postcss VSCode 扩展允许 CSS Intellisense 为我正常工作。

Answer 3

我知道这个答案有点晚了，但我在使用 tailwind 时遇到了同样的问题。

鉴于您正在使用 tailwind，很可能您正在使用

postcss

，您可以通过检查

postcss.config

文件来确认。

如果是这种情况，请安装postcss vscode 扩展，并按照说明进行操作：

1. 打开命令面板并选择 Preferences: Open Settings (JSON)
2. 添加如下配置：

{
  "emmet.includeLanguages": {
    "postcss": "css"
  }
}

这应该修复你的 css 自动完成，这对我有用。

Answer 4

如果你安装扩展 POSTcss 尝试禁用

Answer 5

另一个迟到的答案，但似乎这在使用扩展时仍然是一个问题PostCSS 语言支持.

通过卸载该扩展并替换为PostCSS Intellisense and Highlighting解决。

Answer 6

如果 IntelliSense 不工作，官方网站是这样说的：

故障排除#

如果您发现 IntelliSense 停止工作，语言服务可能没有运行。尝试重新启动 VS Code，这应该可以解决问题。如果在安装语言扩展后仍然缺少 IntelliSense 功能，请在语言扩展的存储库中打开一个问题。
…
特定语言扩展可能不支持所有 VS Code IntelliSense 功能。查看扩展的自述文件以了解支持的内容。如果您认为语言扩展存在问题，您通常可以通过 VS Code Marketplace 找到扩展的问题存储库。导航到扩展的详细信息页面并选择Support链接。

你应该试试：

1. 禁用可能与该问题相关的任何扩展。您提到它可能与 TailWind Extension 有关；尝试禁用或卸载它并查看智能感知是否再次启动。
2. 再次重启编辑器。
3. 如果仍然无法正常工作，请在他们的 GitHub 页面上提交问题。

Answer 7

我来到这个有类似问题的问题，发现我只需要手动将右下角的语言模式更改为 CSS 而不是 Post-CSS。事后看来很明显，但只是在这里记录以防万一有人没有尝试过。

Answer 8

我已经在 vs 代码中安装了这个扩展。

CSS

,

HTML

和

Bootstrap

智能出现.

HTML 中 CSS 类名称的 IntelliSense

Answer 9

遵循以下步骤：

• 点击 Select Language Mode option in the Status Bar of VSCode
• 在打开的模式中单击为.css配置文件关联
• 配置您要将 *.css 文件关联到的语言。在我们的例子中，您需要选择 CSS
• 如果更改没有得到反映，请重新加载 VSCode 窗口

Answer 10

就像@timbhison 提到的，我只是检查了我的文件类型并将其更改为“CSS”而不是“CSS liquid”，这解决了我的问题。添加以下代码没有任何效果。

{
  "emmet.includeLanguages": {
    "postcss": "css"
  }
}