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

Question

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

Answer 1

我遇到过同样的问题。所以，我通过添加解决了这个问题

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

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

Answer 2

当我使用基本style.css文件时，即使添加"postcss": "css"了"emmet.includeLanguages":{}CSS Intellisense 仍然不起作用。

禁用 postcss VSCode 扩展可以让 CSS Intellisense 正常工作。

Answer 3

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

鉴于您使用的是 tailwind，很可能您正在使用postcss，您可以通过检查postcss.config文件来确认。

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

1. 打开命令面板并选择首选项：打开设置 (JSON)
2. 添加以下配置：

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

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

Answer 4

如果 IntelliSense 不起作用，官方网站将显示以下内容：

\n

\n

故障排除＃

\n

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

\n

\n

你也许应该尝试：

\n

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

\n