IntelliJ IDEA 13.1.0 Web Help

File | Settings | IDE Settings | Emmet

settings

In this page, enable IntelliJ IDEA to use Emmet in HTML, XML files and style sheets.

Item Description
Expand abbreviation with Use this drop-down box to select the default key to expand Emmet selectors with.

Note

This key will also by default expand Zen Coding live templates. You can re-define this default setting for each specific live template.

XML
13.0+Enable XML Emmet Select this check box to enable Emmet (aka Zen Coding) support for XML. If this check box is not selected, the complicated abbreviations, like div.class>ul#list>.item$), will not work in the editor.
Enable BEM filter by default Select this check box to make use of the BEM filters.
13.0+Enable abbreviation preview If this check box is selected, IntelliJ IDEA shows a pop-up window with the preview of the entered abbreviation, prior to actually expanding it.

emmet_abbreviation_preview

CSS
13.0+Enable CSS Emmet Select this check box to enable Emmet (aka Zen Coding) support for the style sheets. If this check box is not selected, the complicated abbreviations, like bdci:n expanding into border-corner-image: none;, will not work in the editor.
13.0+ Enable fuzzy search among CSS abbreviations Select this check box to enable fuzzy search among CSS snippet names. When enabled, every unknown abbreviation will be scored against available template names. The match with best score will be used to resolve template. For example, with this option enabled, the following abbreviations can be equal:
  • ov:h
  • ov-h
  • o-h
  • oh
Enable expansion of unknown properties ('unknown' to 'unknown:;') If this check box is selected, then any entered word will expand into the same word appended by a colon and semicolon;
If this check box is not selected, then only known properties (for example, color) will be expanded this way (color:;)
Auto insert CSS vendor prefixes If this check box is selected, the CSS properties listed in the table below are expanded into constructs that contain pre-pending vendor prefixes.

If this check box is not selected, the entire properties table is disabled.

Properties and vendor prefixes This table contains the list of CSS properties and vendor prefixes for the various browsers.

Select or clear the check boxes under each browser column to enable or disable prefixes for certain browsers.

add Alt+InsertAlt+InsertAlt+InsertAlt+InsertAlt+InsertAlt+InsertCtrl+N or Alt+InsertAlt+InsertAlt+InsertCommand N or Control EnterControl N or Control EnterCommand N or Control Enter Click this button to add a new property with the specified name to the list.
delete Alt+DeleteAlt+DeleteAlt+DeleteAlt+DeleteAlt+DeleteAlt+DeleteAlt+DeleteAlt+DeleteAlt+DeleteCommand DeleteCommand DeleteCommand Delete Click this button to remove one or more selected properties from the list.

See Also

Procedures:

External Links:

Web Resources: