Setup Emmet for VSCode

Emmet is enabled by default out of the box in VSCode for the following: html, haml, pug, slim, jsx, xml, xsl, css, scss, sass, less, stylus.

Enabling Emmet in Other Filetypes

If you want to enable Emmet in other file types (ie: while working in React) we need to open the Command Pallette by hitting Ctrl/Cmd+Shift+P, then enter settings.json and add the following:

1
2
3
4
5
6
7


    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "vue-html": "html",
        "razor": "html",
        "plaintext": "pug",
        "markdown": "md"
    }

Make sure that you use the proper language identifier, a list of them can be found here Language Identifiers.

References:

https://code.visualstudio.com/docs/editor/emmet

Setup Emmet for VSCode

Enabling Emmet in Other Filetypes

References:

See Also