brainlid
VS Code formatter for .html.leex and .html.eex files?
What do you use to format your .html.leex and .html.eex files? I’m using VS Code and haven’t found a beautifier I’m happy with yet.
I’d also prefer not to install a Ruby gem for it to work.
Most Liked
praveenperera
So far this (prettier-plugin-eex) is the one that works the best.
I’m using it with vscode using Run on Save - Visual Studio Marketplace
"emeraldwalk.runonsave": {
"commands": [
{
"match": "\\.l?eex$",
"cmd": "prettier --write ${file}"
},
]
},
Thank you for this
brainlid
The general consensus I’ve gotten from others is that currently nothing works well and everyone is hand formatting them.
mindreframer
I have found a fresh project tackling formatting for html.eex files via a Prettier plugin:
- Adam Zapaśnik on X: "Alright, it's available, prettier eex plugin. Give it a try, please. @akoutmos @elixir_radar @elixirweekly @elixirphoenix https://t.co/IJtMvRvT6i #myelixirstatus" / X
- GitHub - adamzapasnik/prettier_eex_formatter: Escript used by prettier-plugin-eex to format multiline eex expressions · GitHub
- GitHub - adamzapasnik/prettier-plugin-eex: Prettier EEX plugin · GitHub
Not sure how solid this library is, though. Maybe worth exploring.
Last Post!
lastgosumatt
Hi there, also had a problem with this, now i use “HookyQR.beautify”
just to add settings.json:
"beautify.language": {
"html": [
"htm",
"html",
"html-eex"
]
},
"files.associations": {
"*.html.eex": "html-eex",
"*.html.leex": "html-eex",
},
"[html-eex]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Build Elixir applications with speed and confidence.
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
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex
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.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Practical resources that improve the lives of professional developers.
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!"