Ritvyk
Heex HTML syntax highlighting embedded with Alpine JS and Phx variables with new HEEX syntax
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 !
Marked As Solved
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.
Also Liked
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).
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Catch errors, track performance, monitor hosts and more.
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
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
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!"