Emmet isn't recognised in erb

[resting]

Your environment

• vscode-ruby version: 0.14.0
• Ruby version: ruby 2.4.1p111 (2017-03-22 revision 58053) [x86_64-darwin16
• VS Code version: 1.15.0
• Operating System: MacOS

Expected behavior

1. Create a new file
2. Set language mode to erb
3. Type .myclass or any HTML like div, p etc
4. Hit ctrl + space to list suggestions (if you don't have autosugesstion turned on)
5. Expect to see emmet expanded abbreviations

Actual behavior

No suggestions returned

Steps to reproduce the problem

see Expected behavior

---

IIRC emmet used to work seamlessly with erb.
Perhaps its due to the change to emmet in vscode.
Workaround: set language mode to HTML.

[coisnepe]

Add this to your settings:

"emmet.includeLanguages": {"erb": "html"}

[resting]

Works like magic

[tenzin2017]

You just need 2 steps to make it work: ( for VS code)

1. "emmet.includeLanguages": {"erb": "html"} as mentioned by @coisnepe
2. Install "erb
   Craig Maslowsk " extensions..... it helps erb syntax highlighting

[prithvi16]

@coisnepe Thanks!

[Neo42]

You guys rock!

[Zhao-Andy]

For anyone looking to add it for html.erb files, add this:

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

[tenzin2017]

@Zhao-Andy I tried
"emmet.includeLanguages": {
"html.erb": "html",
},

but this one doesn't work.
So I tried
"emmet.includeLanguages": {
"erb": "html",
},
this works perfectly...... Thanks

[valterbarros]

You can do this https://code.visualstudio.com/docs/languages/overview#_adding-a-file-extension-to-a-language. I need this for vscode recognize the coffe.erb extension as coffescript file

[wingrunr21]

Would anyone mind writing up either a README entry for this stuff for something for the wiki?

[prasanthnv]

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

[ariefrizkyr]

I found that on my mac .html.erb are detected as .html.erb format instead of erb. You can find the format detection by opening your .html.erb file and see the bottom right section. Therefore @coisnepe solution doesn't work and @Zhao-Andy works and vice versa.

If you find your format detection as .html.erb and you wish to use @coisnepe solution, you may need to add these lines:

"files.associations": {
     "*.erb": "erb"
 }

Hope this helps.

[wingrunr21]

Do you have additional extensions installed that would register an html.erb as a syntax? This extension doesn’t register that syntax name.

[aristotelesbr]

This is work for me!
"emmet.includeLanguages": {"erb": "html"}
tks! @coisnepe