Sublime Text 2/3 安装Emmet(Zencoding)

Sublime Text 作为十分优雅的文本编辑软件，一直是前端开发和一些程序开发人员的最爱。毕竟让人爱不释手，再配上优雅的等宽字体，让编程成为一种享受。

除了界面优雅，他丰富的社区资源也是十分优秀的，有丰富的插件来方便你使用。今天介绍一款十分出名的前端插件，Emmet（原名是大名鼎鼎的 Zencoding）。

Emmet简化了前端人员编写HTML的过程，只要打几个字再按Tab(Ctrl+E)就能完成以前几行的代码量。可谓是业界神器。当然你也可以在其他编辑程序，比如Vim，Notepad++等等，可以说都可以使用。

下面我们介绍一下如何在sublime Text 下安装 Emmet .

1、安装Sublime Text

Sublime Text 目前主流版本是 Sublime Text 2 和Sublime Text 3。差别不是很大，3作为新版本也有着他自己的特性。但是3目前是Beta版本，大家看自己喜好。

下载地址：

Sublime Text 3 : http://www.sublimetext.com/3

Sublime Text 2 : http://www.sublimetext.com/2

Sublime Text 是个共享软件，但是你不购买在大多时候不影响使用的，只有在偶尔保存的时候提示你购买。所以这软件够业界良心，就算买也不算贵，70刀。如果sublime Text 4出来的时候，可以免费升级到4。

2、安装Package Control

安装包管理一共有两个办法，一个是自动化的，一个是手动导入。

自动化安装

按 Ctrl + ` (就是数字1旁边的) 然后把下面的代码输入运行。这是一个python程序，Sublime Text 3 和 Sublime Text 2代码有些区别。

Sublime Text 3 如下：

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Sublime Text 2 如下：

import urllib2,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

之后会提示，就证明你安装成功了。需要重启Sublime Text一下。

1 missing dependency was just installed. Sublime Text should be restarted, otherwise one or more of the installed packages may not function properly.

手动安装

1). 下载 Package Control.sublime-package（传送门）

2). 点 Preferences > Browse Packages ，去上级目录，把刚才的文件复制到 Installed Packages/ 里面

3). 重启 Sublime Text 2/3 即可完成安装

3、安装Emmet (Zencoding)

在安装包管理工具之后一切就简单了很多了。我们安装和删除就能用包管理工具来快速实现。

快捷键 Ctrl + shift + p . 或者点 Tools -> Command line ，入 PCIP 也就是 Package Control Install Package 的简写，然后Enter

sublime-package

稍等片刻，输入 Emmet ，再 Enter 之后会弹出来一个Package Control Message ，我们再重新启动下Sublime Text就可以完成。

sublime-package-2

当然笔者在安装的时候也出现了无法找到 PyV8引擎的错误。但是重新启动之后，左下角就会出现 Loading PyV8 binary 。一会儿就会自动更新安装成功。大家要等一小下。如果因为“网络原因”无法下载，你也可以到Github（传送门）根据自己的版本手动下载。我就不给大家翻译了。如果你连Github也上不了，可以留言你的系统版本，我会附上其他链接。

sublime-package-3