stavanger
How to force the Tailwind CSS IntelliSense extension for VSCode work with .html.eex and .html.leex files?
How to force the Tailwind CSS IntelliSense extension for VSCode work with .html.eex and .html.leex files?
I same tried add settings .html.eex and .html.leex for IntelliSense for CSS class names in HTML, but don’t work for me.
So I can see this extension support HTML (EEx): tailwindcss-intellisense/src/index.ts at f5dfe02f74ac9bd68529f1997ae875691b819833 · tailwindlabs/tailwindcss-intellisense · GitHub
Thanks for help.
Marked As Solved
praveenperera
vscode-tailwindcss 0.3.0 was released, and works now
Also Liked
stavanger
I found a solution, helped me this extantion GitHub - ecmel/vscode-html-css: Visual Studio Code Extension - CSS Intellisense for HTML · GitHub.
Thanks you so much Ecmel Ercan and @tme_317 for your thoughts!
But this extension not worked with HTML (EEx) files. I contributed to this. Until the author has merged pull-request, you can use my branch: https://github.com/reducio/vscode-html-css/tree/add-html-eex
git clone https://github.com/reducio/vscode-html-css/tree/add-html-eex
npm install
vsce package
# deps may be need, if you need hack this code
npm install -g typescript
npm install -g yo generator-code
npm install -g vsce
npm i -g @zeit/ncc
So, after run vsce package you get file vscode-html-css-0.2.3.vsix in root project folder.
Then you need install extension manually:
Don’t forget about settings of extension.
In settings.json add:
"css.remoteStyleSheets": [
"https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
],
Usage:
You can view a list of attributes via ctrl + space.
Enjoy auto completion Tailwind CSS in your HTML (EEx) files.
Upvote, please: https://stackoverflow.com/questions/58013281/how-to-force-the-tailwind-css-intellisense-extension-for-vscode-work-with-html/58017659#58017659
praveenperera
This was changed again in elixir-ls 0.4.0
I changed my fork of vscode-tailwind to fix it:
r8code
You can try my solution:
- Disable or uninstall original tailwindcss vscode extension
- Download the latest *.vsix file Release v0.3.0 · praveenperera/vscode-tailwindcss · GitHub
- Install the *.vsix file using command line ( Extension Marketplace )
ps: Thank to @praveenperera to provide the working extension
Popular in Questions
Other popular topics
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance










