Sublime Text 2/3安装插件Emmet(Zen coding)和Emmet语法介绍

Emmet是一个Web开发人员的工具包,可以大大提高你的HTML和CSS的工作效率,下面以Mac电脑为例,教大家给Sublime Text 2/3安装插件Emmet(Zen coding)和Emmet语法介绍。

一、Sublime Text 安装:

官网:http://www.sublimetext.com/

下载SublimeText2:

http://www.sublimetext.com/2

二、安装Package Control插件:

Package Control插件是用来方便Sublime Text管理插件的插件,

官网:https://packagecontrol.io/installation

1、安装Package Control插件,操作步骤:

View -> Show Console

复制以下代码:

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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。

2、安装Emmet,操作步骤:

Sublime Text2 -> PreferPences -> Package Control -> Install Package -> Emmet

安装成功后重启Sublime Text。

三、Emmet语法介绍:

子代:>

兄弟:+

父代:^

重复:*

成组:()

ID:#

CLASS:.

属性:[]

你可能感兴趣的:(Sublime Text 2/3安装插件Emmet(Zen coding)和Emmet语法介绍)