Tailwindcss Intellisense not working in VS Code

Question

I have checked out many answers from Stack Overflow but I wasn't able to fix the issue that IntelliSense not working for Tailwind CSS. But VS Code's IntelliSense working for other things like python and JavaScript. Please anybody help me why this isn't working. I am using Tailwind CSS CLI. even CSS file IntelliSense also not working.

my config file is. tailwind.config.js

module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

I also added this setting into .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"
]}

once a thing. CSS compiled successfully but IntelliSense not working. and this is my project folder structure.

Answer 1

I think you almost got it... i added this to my settings and it worked.
what you are missing (in my opinion) is "inlineSuggest" - full snippet here:

"editor.quickSuggestions": {
   "strings": true
},
"css.validate": false,
"editor.inlineSuggest.enabled": true