How do you turn off Emmet abbreviations entirely?

Question

Emmet abbreviations are routinely getting in my way when writing jsx/tsx code, popping up and taking precedence over methods or other completions I actually want. For instance, in this screenshot the Emmet abbreviation is getting in the way of auto-completing the replace method on a string:

This happens surprisingly frequently.

I don't currently use Emmet. Is there any way to turn them off entirely, or at least in .js, .jsx, .ts, and .tsx files? I've kicked around the settings a fair bit and while there are lots of Emmet-related options, I can't find a simple off switch! :-)

Did you report this as a bug? This should have never been default behavior. — polkovnikov.ph, Mar 23 '21 at 11:15
@polkovnikov.ph - I didn't, no. I know nothing about Emmet and have no idea whether this was completely wrong or wonderfully useful (if you use it). :-) — T.J. Crowder, Mar 23 '21 at 11:26

score 9 · Accepted Answer · answered Apr 09 '20 at 17:11

9

You can turn emmet off in suggestions completely with:

{
    "emmet.showExpandedAbbreviation": "never"
}

You can turn emmet off by language with:

 "emmet.excludeLanguages": [
    "typescriptreact", "javascriptreact"
  ],

answered Apr 09 '20 at 17:11

Mark

143,421
24
428
436

**Perfect**, thank you. Was. Driving. Me. Mad. The second one does at least have a line in the settings UI (which just links to Edit in settings.json, but...). The first one doesn't even have that. :-) – T.J. Crowder Apr 09 '20 at 17:50

How do you turn off Emmet abbreviations entirely?

1 Answers1