CODEWITHSUNDEEP
csssublimetext3emmet
Perkin5
Perkin5

Reputation: 399

Sublime Text 3 Emmet customization

I am using ST3 with Emmet (Windows 7 64-bit) and I want to add some custom snippets, for example, the CSS for an iPad-specific media query.

I can't find any Emmet settings file, so how can I do this? I have tried creating a standard Sublime Text 3 snippet, but it doesn't work, so I assume these are disabled by Emmet to avoid conflict.

Upvotes: 0

Views: 2274

Answers (1)

MattDMo
MattDMo

Reputation: 102862

The Emmet documentation has a Customization section, which describes how to use a snippets.json file to create your own snippets.

From the Customization link:

Almost all officially developed editor plugins (...) has extensions support: a special folder where you can put .json and .js files to extend Emmet. Please refer to README file bundled with your editor’s plugin to find out where Emmet looks for extensions.

From the README file (also found on GitHub):

In Emmet.sublime-settings, define extensions_path setting and Emmet will load all .js and .json files in specified folder at startup.

The default value of extensions_path is ~/emmet, which points to emmet folder inside your OS user’s home folder.

Also, you can create sections named as extension files (e.g. snippets, preferences and syntaxProfiles) inside user’s Emmet.sublime-settings file and write your customizations there. See the original settings file for examples.

Upvotes: 3

Related Questions