sponsor Vim development Vim logo Vim Book Ad

Emmet.vim : vim plugins for HTML and CSS hi-speed coding.

 script karma  Rating 2169/663, Downloaded by 56979  Comments, bugs, improvements  Vim wiki

created by
Yasuhiro Matsumoto
 
script type
utility
 
description

This is vim script support expanding abbreviation like emmet.
ref: http://emmet.io/

There
is a movie using emmet.vim
ref: http://mattn.github.com/emmet-vim

Source
Repository.
ref: http://github.com/mattn/emmet-vim

Type
abbreviation
   +-------------------------------------
   | html:5_
   +-------------------------------------
"_" is a cursor position. and type "<c-y>," (Ctrl + y and Comma)
NOTE: Don't worry about key map. you can change it easily.
   +-------------------------------------
   | <!DOCTYPE HTML>
   | <html lang="en">
   | <head>
   |     <title></title>
   |     <meta charset="UTF-8">
   | </head>
   | <body>
   |      _
   | </body>
   | </html>
   +-------------------------------------
Type following
   +-------------------------------------
   | div#foo$*2>div.bar
   +-------------------------------------
And type "<c-y>,"
   +-------------------------------------
   |<div id="foo1">
   |    <div class="bar">_</div>
   |</div>
   |<div id="foo2">
   |    <div class="bar"></div>
   |</div>
   | _
   +-------------------------------------

Tutorial:

  http://github.com/mattn/emmet-vim/raw/master/TUTORIAL

How
work this:

  http://mattn.github.com/emmet-vim

Tips:

You
can customize behavior of expanding with overriding config.
This configuration will be merged at loading plugin.

  let g:user_emmet_settings = {
  \  'indentation' : '  ',
  \  'perl' : {
  \    'aliases' : {
  \      'req' : 'require '
  \    },
  \    'snippets' : {
  \      'use' : "use strict\nuse warnings\n\n",
  \      'warn' : "warn \"|\";",
  \    }
  \  }
  \}

  let g:user_emmet_expandabbr_key = '<c-e>'

  let g:use_emmet_complete_tag = 1

You can set language attribute in html using emmet_settings['lang'].
 
install details

# cd ~/.vim
# unzip emmet-vim.zip

or if you install pathogen.vim:

# cd ~/.vim/bundle # or make directory
# unzip /path/to/emmet-vim.zip

if you get sources from repository:

# cd ~/.vim/bundle # or make directory
# git clone http://github.com/mattn/emmet-vim.git>
 

rate this script Life Changing Helpful Unfulfilling 
script versions (upload new version)

Click on the package to download.

package script version date Vim version user release notes
emmet-vim.zip 0.86 2015-07-26 7.0 Yasuhiro Matsumoto This is an upgrade for Emmet.vim: lot of bug fixes.
emmet-vim.zip 0.85 2014-09-03 7.0 Yasuhiro Matsumoto This is an upgrade for Emmet.vim: lot of bug fixes.
emmet-vim.zip 0.84 2014-09-03 7.0 Yasuhiro Matsumoto This is an upgrade for Emmet.vim: lot of bug fixes. fix bug that interpose insert completion plugins.
emmet-vim.zip 0.83 2013-11-21 7.0 Yasuhiro Matsumoto This is an upgrade for Emmet.vim: lot of bug fixes.
emmet-vim.zip 0.82 2013-08-13 7.0 Yasuhiro Matsumoto This is an upgrade for Emmet.vim: many bug fixes.
emmet-vim.zip 0.81 2013-08-06 7.0 Yasuhiro Matsumoto Release of Emmet.vim: renamed from ZenCoding.vim.
zencoding-vim.zip 0.80 2012-11-19 7.0 Yasuhiro Matsumoto This is an upgrade for ZenCoding.vim: add emmet features.
zencoding-vim.zip 0.74 2012-07-09 7.0 Yasuhiro Matsumoto This is an upgrade for ZenCoding.vim: many bug fixes.
zencoding-vim.zip 0.73 2012-06-09 7.0 Yasuhiro Matsumoto This is an upgrade for ZenCoding.vim: many bug fixes. and support slim format (experimental).
zencoding-vim.zip 0.72 2012-05-28 7.0 Yasuhiro Matsumoto This is an upgrade for ZenCoding.vim:
[fix] fix finding tokens.
zencoding-vim.zip 0.71 2012-05-28 7.0 Yasuhiro Matsumoto This is an upgrade for ZenCoding.vim:
[fix] fix finding begin of tokens.
zencoding-vim.zip 0.70 2012-05-28 7.0 Yasuhiro Matsumoto This is an upgrade for ZenCoding.vim:
[mod] Changed behavior of expanding. "div div>a|" should keep first div element.
[add] Supported slim formatter.
zencoding-vim.zip 0.60 2012-05-02 7.0 Yasuhiro Matsumoto This is an upgrade for ZenCoding.vim:
[fix] fixed expanding {{}}.
zencoding-vim.zip 0.59 2012-01-31 7.0 Yasuhiro Matsumoto This is an upgrade for ZenCoding.vim:
[fix] fixed toggleComment and mny bugs.
zencoding-vim.zip 0.58 2011-11-22 7.0 Yasuhiro Matsumoto This is an upgrade for ZenCoding.vim:
[fix] fixed 'foo+' style expandos.
zencoding-vim.zip 0.57 2011-11-22 7.0 Yasuhiro Matsumoto This is an upgrade for ZenCoding.vim:
[fix] fixed expandos that don't work 'choose' in xsl.
zencoding-vim.zip 0.56 2011-11-08 7.0 Yasuhiro Matsumoto This is an upgrade for ZenCoding.vim:
[fix] fixed contents parser.
zencoding-vim.zip 0.55 2011-10-25 7.0 Yasuhiro Matsumoto uploaded again: sorry, files was old.
ip used for rating: 142.132.191.50

If you have questions or remarks about this site, visit the vimonline development pages. Please use this site responsibly.
Questions about Vim should go to the maillist. Help Bram help Uganda.
   
Vim at Github