Visual studio code html.eex support

I would like to know how to highlight the colors on the Sigil ~L for Phoenix LiveView:

~L " " "

code

"""

If you install the ElixirLS: Elixir support and debugger - Visual Studio Marketplace extension it should work appropriately as shown below:

1 Like

I already have installed the Elixir-ls and the problem was the vscode-elixir so I uninstalled and worked, thank’s.
Here was the post solution:

Thank you for reply!

3 Likes

Can we agree to a language mode for *.html.eex?

In VSCode 1.45.1, with ElixirLS 0.4.0, these files open as HTML (EEx) but then there’s no colorized syntax.

If I set html-eex instead, I do get colors for both HTML and embedded elixir. This is what I use now:

"files.associations": {
  "*.html.eex": "html-eex"
}
2 Likes

Language tags have been changed with the release of 0.4.0 to follow visual studio code guidelines, which has been mentioned in the changelog:

VSCode potentially breaking changes:

  • Change language id to be lowercase kebab-case in accordance with VSCode guidelines. This also fixes an issue displaying the elixir logo for html.eex files. (thanks Matt Furden) #87
    • This changes the language id’s EExeex and HTML (EEx)html-eex

[…]

5 Likes

And we will try to not change the language id in the future to minimize breakage.

4 Likes