Tailwind Autocomplete

[jay7793]

Because Tailwind it has a lot of classes. I can't remember all of class. If there have autocomplete i think is good help.

Bootstrap 4 autocomplete reference https://github.com/webchun/bootstrap-4-sublime-autocomplete

Uikit autocomplete reference https://github.com/uikit/uikit-sublime

[MichaelDeBoey]

There's already IntelliSense in Visual Studio Code 🙂 https://codeburst.io/tailwind-css-intellisense-in-visual-studio-code-9782375ec121

Haven't seen it for other editors yet unfortunately 😕

[manniL]

For JetBrains IDEs (WebStorm, PHPStorm, IntelliJ...), autocomplete works as soon as the first output.css is created, because it'll read the classes from there.

[Radostin]

The problem really comes, when you need to use the @apply rule:

• It doesn't work well with the syntax
• It doesn't auto-suggest possible classes

[KKSzymanowski]

@Radostin Have you managed to get autocompletion to work with @apply?

[sadiqevani]

Any solution on highlighting and autocompletion for tailwind in JetBrains IDEs?

[SHxKM]

I’m also looking for a Tailwind autocomplete solution for JetBtains IDEs.

[mccare]

What worked for me was to just create the output.css file manually and jetbrains picked up the css definitions automatically (here in assets/css directory of a nuxt app).

npx tailwind build tailwind.css -o output.css  -c ../../tailwind.js

[SHxKM]

What worked for me was to just create the output.css file manually and jetbrains picked up the css definitions automatically (here in assets/css directory of a nuxt app).

npx tailwind build tailwind.css -o output.css  -c ../../tailwind.js

This works well for auto-complete in the components themselves, thank you. It still isn't available in .scss files where rules are defined globally. IDE also still shows syntax errors for directives like @tailwind and @apply.