Ritvyk
Released my first version of VSCode extension for Syntax highlighting within Heex templates for embedded Alpine JS and PHX out of the box.
Need some good reviews and feedback about this , It solves the problem of using embedded syntaxes for Alpine and PHX within Heex templates leads to a gibberish HTML hard to debug and format.
Contribute to the repo and make it better !
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Error tracking, logs, APM, uptime and cron monitoring in one dev-friendly platform. Find and fix problems before your users notice.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixirconf-us
- #ai
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming
Our Sponsors
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Practical resources that improve the lives of professional developers.
Master modern tools, write cleaner code, and tackle real-world challenges.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 4- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
greven
Hi, first and foremost, thanks for this!
We really need better tooling for VSCode around Heex templates.
I couldn’t make it work at all, though.
No formatting or syntax highlighting, I’m using this too (Phoenix Framework - Visual Studio Marketplace) and even disabled to see if they were conflicting.
Regarding that official plugin, wouldn’t it be a better idea to contribute to that plugin instead of creating a separate one?
thiagomajesk
Very cool project @Ritvyk! One question though: Could you explain how is your extension different from the official one in terms of functionality? It seems to me that the Alpine support is one of the main differences, but I can’t see if that’s just it.
Like @greven said, perhaps contributing to the official plugin would be a better idea. Also, if Alpine support is that important to you, maybe rename the extension and try to expand on top of the official one by supporting those custom directives (it’ll certainly be easier to maintain).
Ritvyk
@greven Hey thanks for your feedbacks , but the reason I want to create this seperate code extension is to add more power to HEEX templates , yes I can contribute to a existing project but it’s always good to have alternatives
The reason it didn’t work , could be your theme some themes doesn’t really support elixir syntax , try installing
“Monokai Dimmed” or any Monokai theme and let me know.
Ritvyk
@thiagomajesk I am planning a roadmap soon going to be published in the repo , I want majorly add extensive support for HEEX templates.
For example
Should be considered a valid HTML tag ( in .HTML.heex) files , and it should have conventional Vscode functionalities like