/emmet-atom-simplified

Emmet support for Atom

Primary LanguageCoffeeScriptMIT LicenseMIT

Simplified Emmet plugin Atom editor

This is a fork of the emmet-atom package, and has one key-binding, and one key-binding only: the shift + space key for emmet expanding. This solves all keybinding conflicts with the Atom Core, such as the ctrl + shift + M for toggling the Markdown preview, the ctrl + , for opening the Settings View, and tab for Atom's new autocomplete.

All functionality of the emmet-atom package is still here, which means that you have the freedom to manually add any other Emmet triggers you want. To do so, go to Edit > Open Your Keymap and refer to the original default emmet-atom keymap for a complete list of commands.

This plugin will occasionally be synced with its upstream repository when new updates arrive. Furthermore, thanks to contributions, emmet expanding can also be triggered inside files with PHP and JS (for React) grammar.

Note that you could also just enable emmet expanding everywhere, by opening your keymap (Edit > Open Your Keymap) and adding the following piece of text:

'atom-text-editor:not([mini])':
   'shift-space': 'emmet:expand-abbreviation-with-tab'

Installation

In Atom, open Preferences > Packages, search for the emmet-simplified package. Once found, click install to install package. Alternatively, you could run apm install emmet-simplified.

Manual installation

You can install the latest emmet-simplified version manually from console:

cd ~/.atom/packages
git clone https://github.com/Yatoom/emmet-atom-simplified emmet-simplified
cd emmet-simplified
npm install

Then restart Atom editor.

Features:

  • Expand abbreviations by shift + space.

Shift-space key

Simplified Emmet expands abbreviations by shift-space key only for HTML, CSS, Sass/SCSS and LESS syntaxes.

Default Keybindings

You can change these Preferences > Emmet.

Command Darwin Linux/Windows
Expand Abbreviation shift + space shift + space