emmet入门教程

1、什么是emmet###

emmet是由Sergery Chikuyonok开发的仿css选择器的语法来开速开发HTML和css的一款编辑器插件，其前身是Zen Coding，目前支持包括sublime、notepad++、eclipse等编辑器，是一款前端开发的开发利器。

2、sublime安装emmet###

1、安装Package Control######

使用快键键ctrl+`调出控制台，在下方的命令行中输入以下代码：

None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())```
######2、安装emmet######
重启sublime，使用ctrl+shift+p快捷键调出命令行选择器，输入install后选择第一项后，之后等待sublime再次弹出命令行，之后输入emmet后回车，稍等片刻emmet即可安装完成。
###3、emmet语法###
*说明：emmet语法输入后应该按下tab键方可出现效果*
######1、快速添加class或ID######
输入div.container或者.container,得到以下代码：
```
```
输入div#container或者#container,得到以下代码：
```
```
######2、快速创建大量子元素######
输入ul>li*5,得到以下代码：

输入div.container>ul>li.item$*5,得到以下代码：

最后是一个广告贴，最近新开了一个分享技术的公众号，欢迎大家关注