Tailwind CSS IntelliSense not working on my VS code

Question

I recently start using tailwind CSS in my react app. Tailwind work when I use its class in elements. But Intellisense plugins doesn't suggest classes when I start typing. I see other people have same problem and saw the solution others explain but after all I can't fix this.

Alos it doesn't work on html files to when I create a .html file

I used tilwind installation document on https://tailwindcss.com/docs/guides/create-react-app to install tailwind.

I play around with some setting and configuration that others said like:

I added these lines to the setting.json file setting.json file

"tailwindCSS.includeLanguages": { "javascriptreact": "html", "typescriptreact": "html", "plaintext": "html" },

"emmet.triggerExpansionOnTab": true,

"tailwindCSS.emmetCompletions": true,

And also use "npx tailwindcss-cli@latest init" command to create tailwind.config.js file tailwind.config.js file

But after all it still doesn't work and I don't know what else I should do. If someone could give me a hand with this problem. Thanks

One of the problem is opening a folder/select folder that doesn't contain tailwind.config.js. e.g. src folder. — Sulung Nugroho
– Sulung Nugroho, Commented Feb 10, 2022 at 10:42

hernandez87v · Accepted Answer · 2021-12-31 19:38:17Z

0

Try adding this to vscode setting.json:

"editor.quickSuggestions": { "strings": true }

That worked for me as mine seemed to have issues with auto suggestions while typing in strings.

answered Dec 31, 2021 at 19:38

hernandez87v

214 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Tailwind CSS IntelliSense not working on my VS code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related