How to get html.heex files working with the VSCode Tailwind CSS IntelliSense extension?

I haven’t been able to get the VSCode Tailwind IntelliSense extension to work with html.heex files.

The plugin works with a plain .html file in the same project, and works perfectly on Phoenix 1.5 apps.

I looked for a solution here: How to force the Tailwind CSS IntelliSense extension for VSCode work with .html.eex and .html.leex files?, but similar fixes didn’t seem to work.
My tailwind.config.js and postcss.config.js both seem fine, and I set up another new project with the new phx tailwind generator; same result…
Tried my luck with settings.json but so far no :game_die::game_die:.

Has anyone dealt with this or got any ideas? Thanks! :egg: :hatching_chick: :hatched_chick:

2 Likes

You can add

"tailwindCSS.includeLanguages": { "phoenix-heex": "html" }

To your settings JSON and it works for standalone heex files.

I think inline heex with the ~H sigil might require changes to the extension.