前端代码快速输入利器 - Emmet案例讲解视频课程

课程介绍

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具

基本上，大多数的开发编辑器都会允许你存储和重用一些代码块，我们称之为“片段”。虽然片段能很好地推动你开发效率，但大多数的实现都有这样一个缺点：你必须先定义你得代码片段，并且不能再运行时进行拓展，对于程序员来说这样很麻烦

Emmet把片段这个概念提高到了一个新的层次：你可以设置CSS风格的能够动态被解析的表达式，然后根据你所输入的缩写来得到相应的内容。Emmet是很成熟的并且非常适用于编写HTML/XML 和 CSS 代码的前端开发人员工具

很多知名的IDE或者编程开发工具都支持Emmet

下载和安装

1. Emmet为大部分流行的编辑器都提供了安装插件

• Sublime Text

• Eclipse/Aptana

• TextMate

• Coda

• Espresso

• Chocolat

• Komodo Edit

• Notepad++

• PSPad

• textarea

• CodeMirror

• Brackets

• NetBeans

• Adobe Dreamweaver

3. 
   

4. 在线编辑器的支持：

• JSFiddle

• JS Bin

• CodePen

• ICEcoder

• Divshot

• Codio

1. 第三方插件的支持

   下面这些编辑器的插件都是由第三方研发者所提供的，所以可能并不支持所有Emmet的功能和特性。

• SynWrite

• WebStorm

• PhpStorm

• Vim

• HTML-Kit

• HippoEDIT

• CodeLobster PHP Edition

• TinyMCE

在本套课程中，为了方便大家学习和练习，我们提供了一个在线的编辑工具供大家使用和联系， 地址如下：

Emmet在线输入练习器： http://igeekbar.com/igclass/code/new.htm