如何解決 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 嘗試禁用