Emmet语法
2014/11
05
12:11
看到Emmet的语法，我不得不说我惊呆了，发明这个的人真是碉堡了。
Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度。
让我们迫不及待的来学习如何使用Emmet语法来生成HTML和CSS代码吧！！！
安装Emmet插件
Emmet只是文本编辑器一个插件，要想让他发挥应用的功能，就得将其安装到你喜欢的文本编辑器中。到目前为止，很多流行的文本编辑器都支持Emmet插件，也就是说很多流行的文本编辑器都可以安装这款插件。
点击下面的链接，按照说明文档可以给对应的文本编辑器安装Emmet插件：
- Hbuilder[推荐，原生支持]
- Sublime Text
- kamagra reviews Eclipse
- TextMate
- Coda
- Espresso
- Chocolat
- Notepad++
- Brackets
- NetBeans
- Adobe Dreamweaver
它是如何工作的？
在Web前端开发中，我们不得不面对一个残酷的现实。在写HTML代码时需要一定的时间，因为我们要花大把的时间写HTML标签，属性，引号等；同样在编写CSS时，我们要写很多的属性、属性值，大括号和分号等。当然，大多数的文本编辑器都或多或少带有代码自动提示功能，在开发之时，帮了很大的忙，但仍然需要人工输入很多代码。而Emmet插件，集成了很多缩写，大家在开发时只需要输入简单的缩写，按tab键或ctrl+E键就能扩展出所需的代码片段。
