CODEWITHSUNDEEP
visual-studio-codemarkdownemmet
ken
ken

Reputation: 9013

markdown not using emmet

I have included the following in my vs-code user settings:

"emmet.includeLanguages": {
  "vue-html": "html",
  "markdown": "html"
},
"emmet.triggerExpansionOnTab": true,

And would have expected to see emmet working for markdown files as an outcome but I get no suggestions and even if I explicitly press ⌃Space it just comes up with "No Suggestions".

What else is needed to get emmet in Markdown files?

Upvotes: 25

Views: 5614

Answers (4)

Martin Thoma
Martin Thoma

Reputation: 136855

Go to your user settings (Ctrl+Shift+P and enter "user settings"). Enter "emmet" there and click on "edit settings.json". Modify / add those lines:

"emmet.excludeLanguages": [],
"emmet.includeLanguages": {"markdown": "html"},
"emmet.triggerExpansionOnTab": true,

Upvotes: 7

SanZhun
SanZhun

Reputation: 81

Adding these in user settings to show suggestions for the new version (1.43.0) of VSCode

"[markdown]": {
    "editor.quickSuggestions": true
}

Upvotes: 8

Michael DeLally
Michael DeLally

Reputation: 27

DerekR's answer is correct, but apparently there is a little more needed to get this working. Add these two lines to settings.json, per this CSS Tricks article:

"emmet.triggerExpansionOnTab": true

"emmet.showExpandedAbbreviation": "never"

That got emmet working great in my Markdown files. Of course, there is the caveat of never showing an expanded abbreviation.

Upvotes: 3

DerekR
DerekR

Reputation: 3986

Okay, I got it working again. It looks like this is the default now in your user settings.

"emmet.excludeLanguages": [
    "markdown"
]

So it will trump the includeLanguages you've defined. Adding the following to my settings caused it to start working again.

"emmet.excludeLanguages": [],
"emmet.includeLanguages": {"markdown": "html"},

Upvotes: 47

Related Questions