Tailwindcss Intellisense 在 VS Code 中不起作用

H N*_*san 6 visual-studio-code vscode-tasks tailwind-css tailwind-3

我已经检查了 Stack Overflow 上的许多答案,但无法解决 IntelliSense 不适用于 Tailwindcss 的问题。但 vscode Intellisense 适用于其他事物,例如 python 和 javascript。请任何人帮助我为什么这不起作用。我正在使用 Tailwindcss CLI。甚至 CSS 文件 Intellisense 也不起作用。

我的配置文件是。tailwind.config.js

module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}
Run Code Online (Sandbox Code Playgroud)

我也将这个设置添加到.vscode/settings.json

{
"css.validate": false,
"liveServer.settings.port": 5501,
"tailwindCSS.emmetCompletions": true,
"tailwindCSS.includeLanguages": {
  "plaintext": "html",
  "javascript":"javascript"  
},
"editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
},
"tailwindCSS.classAttributes": [
    "class",
    "className",
    "ngClass"
]}
Run Code Online (Sandbox Code Playgroud)

曾经的一件事。CSS 编译成功,但 Intellisense 不起作用。这是我的项目文件夹结构。请任何人帮助我,拜托。

项目的文件夹结构

小智 11

我想你几乎明白了......我将其添加到我的设置中并且它起作用了。
你缺少的(在我看来)是“inlineSuggest” - 完整片段在这里:

"editor.quickSuggestions": {
   "strings": true
},
"css.validate": false,
"editor.inlineSuggest.enabled": true
Run Code Online (Sandbox Code Playgroud)

  • 这就是答案 (3认同)