PhpStorm 6.0.1 Web Help

File | Settings | IDE Settings | Emmet

settings

PhpStorm | Preferences | IDE Settings | Emmet

settings

In this dialog box, enable PhpStorm to use Emmet in HTML, XML files and style sheets.

ItemDescription
Enable EmmetSelect this check box to enable Emmet (aka Zen Coding) support. If this check box is not selected, the complicated abbreviations, like div.class>ul#list>.item$), will not work in the editor.
Expand abbreviation within this drop-down box, specify 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.

Enable BEM filter by defaultSelect this check box to make use of the BEM filters.
Auto insert CSS vendor prefixesIf 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 prefixesThis 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.

addAlt+InsertAlt+Insert Click this button to add a new property with the specified name to the list.
deleteAlt+DeleteAlt+Delete Click this button to remove one or more selected properties from the list.

See Also

Procedures:

External Links:

Web Resources: