Search code examples
htmlsyntaxsublimetextemmet

How to custom Emmet Abbreviation in Sublime Text 3

I installed a new Emmet Abbreviation plugin in my Sublime Text 3, by default the Syntax Scopes HTML are respectively these:

html

<html></html>

html:5 or !

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

however i would like to add or edit such certain Syntax. I already searched in Preferences> Package Settings> Emmet> Settings, but without success.

Solution

  • You need to redefine doc snippet. In Emmet, snippets are abbreviations itself, or, in other words, snippets are aliases to another abbreviations.

    For customizing snippets in Sublime Text, see https://github.com/emmetio/sublime-text-plugin#adding-custom-emmet-snippets