Emmet-vim is a Vim plugin that brings Emmet-style abbreviation expansion to Vim users working with HTML, CSS, JSX, and other markup-heavy formats. It lets you type compact CSS-selector-like expressions and expand them into full HTML or XML structures with a single key combination, drastically speeding up front-end templating. The plugin supports many Emmet constructs such as IDs, classes, nesting, multiplication, numbering, text content, and attribute syntax. It can be installed using common Vim plugin managers like vim-plug, Vundle, or Pathogen, or manually by copying the plugin and autoload directories. Users can restrict activation to specific filetypes (for example only HTML and CSS), tweak the keybindings, and define custom snippets and settings via g:user_emmet_settings. The project has been around for years and is widely referenced in front-end Vim setups, making it a de-facto standard for fast markup authoring in Vim and Neovim.
Features
- Emmet-style abbreviation expansion for HTML, CSS, JSX, and other markup in Vim
- Support for rich abbreviation syntax including IDs, classes, multiplication, numbering, and attributes
- Configurable activation per filetype so you can enable it only where you need it
- Customizable key mappings and behavior through global Vim variables
- Support for user-defined snippets via a JSON configuration loaded from your home directory
- Compatible with popular plugin managers like vim-plug, Vundle, and Pathogen for easy installation