@phoenix-plugin-registry/brackets-emmet

High-speed HTML and CSS workflow

Usage no npm install needed!

<script type="module">
  import phoenixPluginRegistryBracketsEmmet from 'https://cdn.skypack.dev/@phoenix-plugin-registry/brackets-emmet';
</script>

README

Emmet plugin for Brackets editor

Get Support

Emmet is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow: http://docs.emmet.io

Installation

  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.