Sublime Text2下安装 Zen Coding(现更名为Emmet)

川长思鸟来 2021-11-10 05:40 194阅读 0赞

安装zen coding之前需要安装package control,方法如下：

1.使用Ctrl ＋ ｀（数字1左边那个键）调出Console，然后输入以下代码，然后按回车键执行：

import urllib2,os; 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()));  open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace('  ','%20')).read()); print('Please restart Sublime Text to finish  installation')

执行完后，控制台会显示一用句，提示你重启sublime以完成安装。

2.重启Sublime Text 2，在Preferences->Package Settings中看到Package Control这一项表示安装成功。

3、通过Command（Mac）/Ctrl(Windows) ＋ Shift＋ P调出包管理，输入 Install ，选择Install Package。 然后输入Emmet,选择后回车，开始自动进行安装，安装完成后会出现一个readme，表示安装成功。

注： **zen coding现在已经更名为emmet了**，所以如果还按网上一些文章中介绍的那样搜索zen coding,是找不到的，这也是我写这篇文章的原因。

Emmet官网地址： http://emmet.io/，上面有一些例子，可以学习下

**附：一些zen coding语法**

*Zen HTML Selectors*

**E\#name**

div\#name

<divid="name"></div>

**E.name**

div.name