Emmet语法
看到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
键就能扩展出所需的代码片段。