Emmet doesn't work in eex files.

[fahrradflucht]

If you hit tab or fire the emmet expand abbr. command via the command it just makes a tab in eex files. I think it would be nice if it kept working like it does in HTML.

[timmhirsens]

Noticed this as well, will look into it once i find some time

[fahrradflucht]

Just to clarify whats going on (at least how I understand it):

The filetypes in which Emmet is enabled are hardcoded in the vscode source at the moment. That means the only way we could get emmet to work in .eex files is to associate the .eex extension with html but that would be bad because we would loose the elixir capabilities.

This means we are blocked on the issue above with this. Good news is that it's on the milestone for august.

Update: It's merged so if the next release goes out this is ready to work on.

Update 2: It's ready to work on.

[fahrradflucht]

I looked into this and tried to implement it like it is done in vscode-vash and described here but I couldn't yet get it to work.

@fr1zle could you explain to me why there are two files for eex syntax (eex.json and html (eex).json)? I don't quite get the difference.

@MRMInc sorry for bothering you with this extension but you seem to have it working with vscode-vash. Can you tell at a glance why it isn't already working for html (exx)? I mean it already has text.html.elixir as a scope name...

[mrmlnc]

@fahrradflucht,

In your case you have incorrect format identifiers. See:

• https://github.com/mat-mcloughlin/vscode-elixir/blob/master/package.json#L22 - Correct
• https://github.com/mat-mcloughlin/vscode-elixir/blob/master/package.json#L34 - Incorrect. Should be eex
• https://github.com/mat-mcloughlin/vscode-elixir/blob/master/package.json#L44 - Incorrect. Should be htmlexx

Now you can use the following format:

"emmet.syntaxProfiles": {
  "HTML (Eex)": "html"
}

Emmet does not work by default because we have a rule: If the language ID is not equal to last value in scopeName field, Emmet is not working.

[Pranz]

I have added

"emmet.syntaxProfiles": {
  "HTML (Eex)": "html"
}

to my config and reloaded, yet emmet still doesn't work on Eex files. My html.eex files have the language ID HTML (Eex) when opened.

[timmhirsens]

Can reproduce.

Seems to be an issue with the new emmet (2.0): https://code.visualstudio.com/docs/editor/emmet
Will look into it.

[ashleyconnor]

@Pranz - try adding "emmet.includeLanguages": {"HTML (Eex)": "html"}

[timmhirsens]

@ashleyconnor : This seems to work when a added to a user settings. Somehow this does not work if I add a contribution to the extension providing the setting...

Any ideas?

[Pranz]

@ashleyconnor Thanks, works if I put it in my user config.

[smahi]

@ashleyconnor thank you so much.

[koutselakismanos]

Now its "HTML (EEx)" not "HTML (Eex)"

[mplatts]

If you're using elixir-ls plugin - it's now:

"html-eex": "html"

[DarckBlezzer]

All before not working for me, and find that use "emmet.includeLanguages" with "html-eex": "html"

"emmet.includeLanguages": { "html-eex": "html" }

[lastobelus]

"emmet.includeLanguages": { "html-eex": "html" } is working for me for .eex & .leex files, but has anyone figured out how to get emmet expansion in sigils?

  def render(assigns) do
    ~L"""
      emmet here???
    """

[sbaildon]

"emmet.includeLanguages": { "html-eex": "html" } is working for me for .eex & .leex files, but has anyone figured out how to get emmet expansion in sigils?

  def render(assigns) do
    ~L"""
      emmet here???
    """

Unfortunately this applies outside of sigils too, but yes, you can

"emmet.includeLanguages": {
    "elixir": "html",
},

The key is the language type, and the value is an "emmet supported language", although what those values are is a bit ambiguous (see microsoft/vscode-docs#3935)

[bottlenecked]

For anyone looking support for the new .heex the language you need to

• install the Phoenix Framework vs-code extension from https://marketplace.visualstudio.com/items?itemName=phoenixframework.phoenix
• add the following configuration

    "emmet.includeLanguages": {
        ...
        "phoenix-heex": "html",
        ...
    }