Find file
c2a5a0d Aug 7, 2016
@sergeche @animaster @aaronhooper @BadGoat
31 lines (18 sloc) 1.27 KB

Emmet plugin for Brackets editor

Emmet is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow:


  1. Run Brackets.
  2. Select File > Extension Manager...
  3. Find “Emmet” extension and click “Install” button

Manual instalation

  1. Clone this repo into ~/Library/Application Support/Brackets/extensions/user/.
  2. In Terminal, go to cloned repo: cd ~/Library/Application Support/Brackets/extensions/user/brackets-emmet.
  3. Run npm install to install all plugin dependencies.
  4. Restart Brackets

After the extension installation is completed, you should see Emmet menu item with all available actions.

Default keybindings

All available keybindings are defined in keymap.json.

To redefine them, simply update keymap.json action values with new keybindings (see CodeMirror Manual for key reference).

Extensions support

Emmet for Brackets supports extensions: you should open Emmet > Preferences… dialog and enter absolute path to extentions folder. Unfortunately, Brackets doesn’t support folder picking dialog so you have to type it manually.