Configuring VSCode to use with Elixir and Phoenix Templates

[Kurisu]

Very handful sharing.

@magnetic

If you have any additional tips on how to configure editor, please leave them here, I am sure, I personally will benefit from it, and hopefully other newcomers too.

This thread may interrest you as well:

The very basics... auto-formatting in .eex

In settings.json, instead of setting "files.associations": { *.html.EEx: ... } to "HTML", set it to "HTML (EEx)": "files.associations": { "*.js": "javascript", "*.ex": "elixir", "*.exs": "elixir", "*.eex": "EEx", "*.html.EEx": "HTML (EEx)" }, I just stumbled onto this, and @tme_317 has already found it, but you don’t need Beautify. Once files.associations for .html.eex are set to “HTML (EEx)” it appears that .eex work as an embedded language inside of .html, so they both …

The very basics... auto-formatting in .eex

FWIW, a potentially straight-forward solution to this is to get an existing embedded language, such as PHP or Ruby’s ERB, duplicate its configuration file and then changing the embedded language to Elixir. I did this on Sublime Text, copying from Ruby’s ERB, and it was relatively easy and it works quite well.