# Visual studio code html.eex support

**URL:** <https://forum.elixirforum.com/t/visual-studio-code-html-eex-support/12712>\
**Category:** Questions\
**Tags:** phoenix, eex\
**Created:** [February 23, 2018, 9:26pm UTC](https://forum.elixirforum.com/t/visual-studio-code-html-eex-support/12712 "2018-02-23T21:26:26Z")\
**Posts on this page:** 6\
**Page:** 2

<div class="post-metadata">

**Author:** ![romenigld](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/romenigld/32/6200_2.png) [@romenigld](https://forum.elixirforum.com/u/romenigld)\
**Post date:** [April 26, 2020, 4:12pm UTC](https://forum.elixirforum.com/t/visual-studio-code-html-eex-support/12712/21 "2020-04-26T16:12:39Z")

</div>

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

> ~L " " "
> 
> code
> 
> """

---

<div class="post-metadata">

**Author:** ![jpinnix](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/jpinnix/32/9121_2.png) [@jpinnix](https://forum.elixirforum.com/u/jpinnix)\
**Post date:** [May 5, 2020, 8:52pm UTC](https://forum.elixirforum.com/t/visual-studio-code-html-eex-support/12712/22 "2020-05-05T20:52:24Z")

</div>

If you install the [ElixirLS: Elixir support and debugger - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=jakebecker.elixir-ls) extension it should work appropriately as shown below:

 ![Screen Shot 2020-05-05 at 3.50.36 PM](https://forum.elixirforum.com/uploads/default/original/3X/1/5/15fffb9d15d372791104aae9639b635af7adde0d.png)

---

<div class="post-metadata">

**Author:** ![romenigld](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/romenigld/32/6200_2.png) [@romenigld](https://forum.elixirforum.com/u/romenigld)\
**Post date:** [May 5, 2020, 11:40pm UTC](https://forum.elixirforum.com/t/visual-studio-code-html-eex-support/12712/23 "2020-05-05T23:40:13Z")

</div>

I already have installed the Elixir-ls and the problem was the [vscode-elixir](https://marketplace.visualstudio.com/items?itemName=mjmcloug.vscode-elixir) so I uninstalled and worked, thank’s.  
Here was the post solution:

> [@Highlights the colors of the LiveView Sigil ~L for Visual Studio Code](https://forum.elixirforum.com/t/highlights-the-colors-of-the-liveview-sigil-l-for-visual-studio-code/31036/11):
>
> I uninstalled the [vscode-elixir](https://marketplace.visualstudio.com/items?itemName=mjmcloug.vscode-elixir). And now work’s it was this. Look my printscreen. [Captura de Tela 2020-04-28 às 13.46.54] Thank you for all replies guys!

Thank you for reply!

---

<div class="post-metadata">

**Author:** ![jaimeiniesta](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/jaimeiniesta/32/1063_2.png) [@jaimeiniesta](https://forum.elixirforum.com/u/jaimeiniesta)\
**Post date:** [May 22, 2020, 8:22am UTC](https://forum.elixirforum.com/t/visual-studio-code-html-eex-support/12712/24 "2020-05-22T08:22:32Z")

</div>

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:

```json
"files.associations": {
  "*.html.eex": "html-eex"
}

```

---

<div class="post-metadata">

**Author:** ![NobbZ](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/nobbz/32/27235_2.png) [@NobbZ](https://forum.elixirforum.com/u/NobbZ)\
**Post date:** [May 22, 2020, 10:16am UTC](https://forum.elixirforum.com/t/visual-studio-code-html-eex-support/12712/25 "2020-05-22T10:16:56Z")

</div>

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:

> <https://github.com/elixir-lsp/elixir-ls/blob/v0.4.0/CHANGELOG.md#v040-16-may-2020:>

> VSCode potentially breaking changes:
> 
> - Change language id to be lowercase kebab-case in accordance with [VSCode guidelines](https://code.visualstudio.com/docs/languages/identifiers#_new-identifier-guidelines). This also fixes an issue displaying the elixir logo for html.eex files. (thanks [Matt Furden](https://github.com/zolrath)) [#87](https://github.com/elixir-lsp/vscode-elixir-ls/pull/87)
> - This changes the language id’s `EEx` → `eex` and `HTML (EEx)` → `html-eex`
> 
> […]

---

<div class="post-metadata">

**Author:** ![axelson](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/axelson/32/26351_2.png) [@axelson](https://forum.elixirforum.com/u/axelson)\
**Post date:** [May 22, 2020, 4:37pm UTC](https://forum.elixirforum.com/t/visual-studio-code-html-eex-support/12712/26 "2020-05-22T16:37:16Z")

</div>

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

[Previous page](https://forum.elixirforum.com/t/visual-studio-code-html-eex-support/12712.md?page=1)
