如何解决 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

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

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

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

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

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

这应该可以修复您的 css 自动完成功能，这对我有用。

Answer 3

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

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

Answer 4

如果 IntelliSense 不起作用，以下是官方网站所说的：

故障排除#

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

您可能应该尝试：

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

Answer 5

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

Answer 6

我已经在 vs code 中安装了这个扩展。 CSS 、 HTML和Bootstrap情报出现。

CSS class HTML 名称的 IntelliSense

Answer 7

另一个迟到的答案，但在使用扩展PostCSS Language Support时，这似乎仍然是一个问题。

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

Answer 8

按着这些次序：

• 点击VSCode状态栏中的Select Language Mode选项
• 在打开的模式中单击Configure File associations for.css
• 配置要将 * .css文件关联到的语言。 在我们的案例中，您需要 select CSS
• 如果更改没有得到反映，请重新加载 VSCode window

Answer 9

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