Emmet 的前身就是 

它是一组专门用来提高书写HTML和CSS代码速度的便利工具。将它整合进文本编辑器，可以提供一些功能和快捷方式，加快开发速度。提供包括Eclipse、IDEA、UltraEdit、SlickEdit的插件。

1.notepad++中安装emmet插件

2.设置快捷键

3.具体书写规则 参考

div#head>ul>li*10>a.item

然后使用Ctrl+E 快捷键生成代码片段

常用缩写：

html:4t (HTML 4.01 Transitional) html:4s (HTML 4.01) html:xt (XHTML 1.0) html:xs (XHTML 1.0 Strict) html:xxs (XHTML 1.1) html:5 (HTML5)  meta:utf, meta:compat style, link:css, link:print, link:favicon, link:rss, script, script:src  div, p, a, ul, ol, input:t, input:r  ol+, dl+, table+, tr+, select+, map+, optg+  cc:ie6, cc:ie, cc:noie

参考资料 

http://www.cnblogs.com/cobby/archive/2012/05/09/2492473.html

https://www.w3cplus.com/tools/emmet-cheat-sheet.html

http://www.qianxingzhem.com/post-1940.html